Aplicando CSS exclusivo para IE y probándolo con IETester
Jueves, 27 de Marzo de 2008Como sabemos IE no es de lo mejorcito a la hora de traducir las hojas de estilo, por lo que a veces nos vemos obligados a realizar pequeñas chapuzas para que nuestra pagina se vea correctamente en el Explorer. Para ello utilizamos los comentarios condicionales para IE
Estos comentarios son solo para Internet Explorer, no sirven para ningún otro navegador. Todo lo que encierren dentro se ejecutará unicamente en IE. Hay diferentes opciones:
Para todas las versiones de IE
<!–[if IE]>> Código CSS <![endif]–>
El código anterior afecta a todas las versiones de Internet Explorer, en cambio con el siguiente podemos especificar la version (5.01, 5.5, 6.0…)
<!–[if lte IE 6]> Código CSS<![endif]–>
En los anteriores ejemplos el código CSS va entre los comentarios, pero es recomendable para una mayor organizacioón llamar a una hoja de estilos externo que solo contendría el codigo CSS necesario para cargar correctamente la web en el Explorer tambien podemos llamar a una hoja de estilos externa. Para ello sustituiriamos “Código CSS” por <link rel="stylesheet" type="text/css" href="URL_del_archivo.css" />.
Aqui un resumen de todas las posibilidades que tenemos con los condicionales, donde la palabra versión debe ser sustituida por el número de versión de IE sobre el que quieres trabajar:
- IE (Cualquier versión de IE)
lt IE version (Versiones inferiores a la versión especificada)
lte IE version(Versiones inferiores o iguales que la versión especificada )
IE version (Solo la versión especificada)
gte IE version (Versiones superiores o igual que la versión especificada)
gt IE version (Versión superiores a la versión especificada)
Los comentarios condicionales no funcionan en la versión de IE para Mac y si tienes instaladas varias versiones de Internet Explorer en tu equipo, no funcionarán ya que la versión que se toma es la que esta registrada en el sistema. Para solucionar este problema podemos descargarnos IETester en versión alpha, un navegador que nos permite trabajar sobre los motores de las versiones 8 beta 1, 7, 6 y 5.5 de IE en una sola aplicación.

Al estar en versión alpha puedes encontrarte con algunos errores, los conocidos son:
- Cuando redimensionas la ventana el contenido puede desaparecer.
El focus y los botones de Atrás y Siguiente no funcionan correctamente.
Si quieres ayudar a acabar con este problema no te pierdas esta entrada sobre la iniciativa Save the Developers en el blog de keko.