Ya como muchos desarrolladores de aplicaciones web saben y se han topado con el problema de la incopatibilidad de los navegadores web, sobre todo con IE, muchas veces buscamos soluciones del tipo CSS Hack para el diseño.
Proponemos una mejor solución, algo mas limpia, como son los comentarios condicionales, los que trabajan en navegadores Internet Explorer bajo Window, ademas de tener soporte desde la versión 5, podemos darle un mayor uso, entre los cuales encontramos, agregar mensajes, codigos de Javascript y mostrar hojas de estilos para cada tipo de navegador IE.
<!–[if IE]>
<! Esta condición hará que se incluya la hoja de estilo para navegadores IE –>
<link rel=”stylesheet” type=”text/css” href=”/css/styleIE.css” />
<!–[endif]–>
Este es un ejemplo donde agregamos una hoja de estilo, se mostrara en todas la versiones de IE.
La sintaxis para los comentarios condicionales son los siguientes:
Afirmación
<!–[if condicion]> HTML <![endif]–>
Negación
<!–[if !condicion]><![IGNORE[--><![IGNORE[]]> HTML <!–<![endif]–>
las condiciones son:
IE – Todas las versiones de IE
lt IE versión - Para versiones anteriores a la versión indicada
lte IE versión - Para versiones anteriores o igual a la versión indicada
IE versión - Solo para una versión indicada
gte IE versión - Para versiones mayores o igual a la versión indicada
gt IE versión - Para versiones mayores a la versión indicada
Donde se encuentra escrita la palabra versión podemos remplazarla por cualquier versión de IE, los cuales son 5, 5.5, 6, 7 o 8.
