Condicionales en Internet Explorer

A la hora de diseñar una página, nos encontramos muchas veces con problemas para definir los estilos de forma general en todas las páginas y tenemos que utilizar hacks para pequeñas modificaciones entre navegadores. Uno de los que más problemas suelen dar es Internet Explorer, pero este navegador dispone de una forma elegante de definir sus propios estilos y es a través de los comentarios condicionales para IE.

Los comentarios condicionales permiten definir código para los navegadores de la familia Internet Explorer pero ocultarlo al resto de navegadores, que los ven simplemente como comentarios.

La utilización de estos comentarios es bastante sencilla

  1. <!--[if IE]>
  2. Código visible para Internet Explorer
  3. <![endif]-->

En el código podemos incluir una llamada a una hoja de estilos, incluir directamente la hoja de estilos, una llamada a una función javascript o cualquier cosa similar.

También podemos incluir la versión de Internet Explorer de la siguiente forma:

  1. <!--[if IE]>
  2. Código visible para Internet Explorer. Por ejemplo
  3. <link rel="stylesheet" type="text/css" href="ie.css" />
  4. <![endif]-->
  1. <!--[if IE 7]>
  2. Código visible para Internet Explorer 7. Por ejemplo
  3. <style type="text/css">
  4. font-family: Verdana;
  5. </style>
  6. <![endif]-->
  1. <!--[if lt IE 7]>
  2. Código visible para versiones anteriores a Internet Explorer 7.
  3. <![endif]-->
  1. <!--[if lte IE 7]>
  2. Código visible para versiones anteriores o iguales a Internet Explorer 7.
  3. <![endif]-->
  1. <!--[if gte IE 7]>
  2. Código visible para versiones superiores o iguales a Internet Explorer 7.
  3. <![endif]-->
  1. <!--[if gt IE 7]>
  2. Código visible para versiones superiores a Internet Explorer 7.
  3. <![endif]-->

Con esto conseguimos una gran elegancia en el código específico para Internet Explorer de una forma más estructurada.

Aún así, y recomendado como último recurso, podemos seguir utilizando los hacks para todos los navegadores. Un listado bastante completo lo encontramos en centricle.com.

Añadir nuevo comentario

Filtered HTML

  • Las direcciones de las páginas web y las de correo se convierten en enlaces automáticamente.
  • Etiquetas HTML permitidas: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Saltos automáticos de líneas y de párrafos.

Plain text

  • No se permiten etiquetas HTML.
  • Las direcciones de las páginas web y las de correo se convierten en enlaces automáticamente.
  • Saltos automáticos de líneas y de párrafos.
CAPTCHA
Esta pregunta se realiza para comprobar que se trata de un humano y prevenir los accesos automatizados para publicar spam.