Hacks CSS para mostrar páginas casi idénticas en Firefox, IE6 e IE7

Cuando escribimos una página utilizando CSS lo normal es encontrarnos con que esa página no se muestra de la misma forma en Firefox que en Internet Explorer 6 ni Internet Explorer 7.

Por ejemplo, la propiedad margin no es interpretada de la misma forma en los 3 navegadores,  de manera que cuando logramos que un elemento se muestre correctamente en uno de ellos, en los otros aparece descolocada. Firefox interpreta margin en relación con los elementos padre del mismo, mientras que IE7 lo interpreta en relación a los elementos del mismo nivel.

Este pequeño truco nos permitirá escribir diferentes atributos para cada uno de los navegadores antes mencionados, así como para mostrar diferencias deliberadamente según el navegador:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

/* Clase para Firefox */ 
.elemento { 
margin: 10px 10px 10px 10px; 
background-color: #f00; 
} 
 
/* Clase para IE7 */ 
*:first-child+html .elemento { 
margin: 5px 5px 5px 5px; 
background-color: #0f0; 
} 
 
/* Clase para IE6 */ 
* html .elemento { 
margin: 2px 2px 2px 2px; 
background-color: #00f; 
}

Si asignamos esa clase a un elemento, por ejemplo <div class=”elemento”>, cada navegador tomará la que le corresponde (mostrando, en este caso, un fondo rojo en firefox, un fondo verde en IE7 y un fondo azul en IE6). Como se puede observar, cada navegador aplicará tambien diferentes margenes al elemento, de formas que podemos corregir las diferencias de posición que pudiese haber.

Instalar Vista SP1 en un Vaio TZ

El Service Pack 1 de Windows Vista es incompatible con una serie de versiones de ciertos drivers; es por ello que el SP1 no aparece en la lista de windows update.

En concreto, el driver conflictivo en un Vaio TZ es el Mobile Intel 954GM Express, puesto que la última versión que proporciona Sony es la 7.14.10.1380, (y las versiones no compatibles con SP1 están entre la 7.14.10.1322 y la 7.14.10.1403 incluídas).

He leido de gente que ha tratado de instalar el SP1 utilizando el instalador standalone, teniendo conflictos por esa razón, por eso es algo que no recomiendo hacer.

La solución es bastante sencilla (aunque truculenta), y di con ella de casualidad. Lo que vamos a hacer es reinstalar el driver de video (con la misma versión que tenemos ahora mismo), lo que forzará a windows update a ofrecernos una actualización opcional con el nuevo driver de video (en concreto la versión 7.14.10.1437, si compatible con el SP1).

• Primer paso: Actualizar driver con el que tenemos en el equipo: 
  

  

  

  
• Segundo paso: Reiniciar el sistema y hacer un windows update. Esta vez deberiamos tener una actualización opcional con el Intel 945GM Express: Lo instalamos
• Tercer paso: Reiniciar nuevamente el equipo, y comprobar que la nueva versión del driver es mayor a la 1430. Hacer otro windows update y esta vez si deberia salirnos la actualización a SP1.

He de añadir que mi modelo de Vaio es un TZ32VN (en España) con un Vista Business. Es posible que con otros modelos esto no funcione. En ese caso, otra opción es visitar www.sony-drivers.com, y buscar por “7.14.10″, y escoger el driver de cualquier otro Vaio (no tiene porque ser un TZ) que sea mayor que la 7.14.10.1403. Eso debería funcionar sin ningún problema, aunque recomiendo probar primero la solución del windows update.