Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a Comentarios condicionales

Datos de búsqueda

Etiqueta ‘Comentarios condicionales’

Diferenciación de versiones de Internet Explorer sin hacks de CSS

Fecha de publicación: 2011/01/19

Resulta habitual encontrarse con que las distintas versiones de Internet Explorer interpretan de forma distinta ciertas propiedades CSS, y que sea necesario utilizar engorrosos selectores para filtrar las versiones que dan problemas, vincular hojas de estilo mediante comentarios condicionales, Javascript, etc.

Leer el resto del artículo

Datos del artículo:

CSS: max-width y min-width en Internet Explorer 6

Fecha de publicación: 2010/05/10

Como ya sabemos, Internet Explorer 6 carece de soporte para determinadas propiedades de CSS.

Pero se pueden emular las propiedades min-width ymax-width, mediante la inclusión de expresiones en la propiedad width.

Leer el resto del artículo

Datos del artículo:

Capas condicionales para evitar el uso de hacks CSS

Fecha de publicación: 2010/04/21

En muchas ocasiones las distintas versiones de Internet Explorer interpretan la CSS un poco como quieren. Y es por eso que utilizamos hacks CSS (en inglés), que aunque en muchos casos cumplen con los estándares, de cara al futuro pueden ser un riesgo ¿Y si futuros navegadores los empiezan a interpretar? ¿Y si un navegador deja de necesitar esa regla CSS pero la sigue interpretando?.

En Alsacreations proponen la inserción mediante comentarios condicionales de Internet Explorer de capas con clases referidas a cada una de las versiones de Internet Explorer (enlace externo, en francés).

Leer el resto del artículo

Datos del artículo:

HTML: Comentarios condicionales en Internet Explorer

Fecha de publicación: 2008/04/11

Los comentarios condicionales solo funcionan en Internet Explorer de Windows (el basado en Trident), y sirven para insertar fragmentos de HTML que solo funcionarán en la versión que se indique, de forma que se excluya al resto de versiones y a otros navegadores.

Se puede acotar la versión de Internet Explorer de las siguientes formas:

  • Escogiendo una sola versión.
  • Escogiendo una versión y las superiores
  • Escogiendo versiones superiores a la versión dada.
  • Escogiendo una versión y las inferiores
  • Escogiendo versiones inferiores a la versión dada.

Escoger una sola versión

Se escogerá solamente la versión especificada:

<!--[if IE 5.5]>Para internet explorer 5.5<![endif]-->
<!--[if IE 6]>Para internet explorer 6<![endif]-->
<!--[if IE 7]>Para internet explorer 7<![endif]-->
<!--[if IE 8]>Para internet explorer 8<![endif]-->

Escoger una versión y las superiores

Se escoge la versión especificada y las que sean superiores:

<!--[if gte IE 5.5]>Para internet explorer 5.5 y superiores<![endif]-->
<!--[if gte IE 6]>Para internet explorer 6 y superiores<![endif]-->
<!--[if gte IE 7]>Para internet explorer 7 y superiores<![endif]-->
<!--[if gte IE 8]>Para internet explorer 8 y superiores<![endif]-->

Escoger las versiones superiores

Se escogen las versiones que sean superiores a la especificada:

<!--[if gt IE 5.5]>Para versiones superiores a internet explorer 5.5<![endif]-->
<!--[if gt IE 6]>Para versiones superiores a internet explorer 6<![endif]-->
<!--[if gt IE 7]>Para versiones superiores a internet explorer 7<![endif]-->
<!--[if gt IE 8]>Para versiones superiores a internet explorer 8<![endif]-->

Escoger una versión y las inferiores

Se escoge la versión especificada y las que sean inferiores:

<!--[if lte IE 5.5]>Para internet explorer 5.5 e inferiores<![endif]-->
<!--[if lte IE 6]>Para internet explorer 6 e inferiores<![endif]-->
<!--[if lte IE 7]>Para internet explorer 7 e inferiores<![endif]-->
<!--[if lte IE 8]>Para internet explorer 8 e inferiores<![endif]-->

Escoger las versiones inferiores

Se escogen las versiones que sean inferiores a la especificada:

<!--[if lt IE 5.5]>Para versiones inferiores a internet explorer 5.5<![endif]-->
<!--[if lt IE 6]>Para versiones inferiores a internet explorer 6<![endif]-->
<!--[if lt IE 7]>Para versiones inferiores a internet explorer 7<![endif]-->
<!--[if lt IE 8]>Para versiones inferiores a internet explorer 8<![endif]-->

Aclaración final

  • gt: greater than (mayor que).
  • gte: greater than equal (igual o mayor que).
  • lt: lower than (menor que).
  • lte: lower than equal (igual o menor que).

Actualizado 2009-02-02: Corregido error en la selección de versiones inferiores.

Datos del artículo:

Información del sitio