Outbook

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

Inicio que contiene a Desarrollo web que contiene a CSS que contiene a Diferenciación de versiones de Internet Explorer sin hacks de CSS

Datos de búsqueda

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

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.

¿Y por qué no utilizar clases individualizadas para cada navegador?

Se puede hacer de dos modos:

  • Detectando el navegador mediante servidor.
  • Utilizando diferentes elementos HTML diferenciados en las clases que contienen.

La primera alternativa tiene la ventaja de que podremos detectar navegador, versión y sistema operativo. Y la desventaja: no siempre identificará adecuadamente el navegador; y es necesario que la página esté en un servidor y que sea generada mediante PHP, ASP o lenguajes del lado del servidor.

La otra alternativa sólo servirá para filtrar las versiones de Internet Explorer, pero sin los inconvenientes de la detección por servidor. Además, habitualmente no será necesario mucho más que éste filtrado.

Se puede hacer del siguiente modo:

<!--[if lt IE 7 ]><html lang="es" class="ie6 ielt7 ielt8 ielt9"> <![endif]-->
<!--[if IE 7 ]><html lang="es" class="ie7 ielt8 ielt9"> <![endif]-->
<!--[if IE 8 ]><html lang="es" class="ie8 ielt9"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="es"><!--<![endif]-->

Así cada versión de Internet Explorer adopta clases distintas en el elemento HTML que permitan distinguirlas en la CSS.

¡Larga vida a IE6!
Haciendo emocionante la maquetación web desde 2001.

Comentarios del artículo

Los comentarios están cerrados.

Si el comentario no guarda relación con el tema del artículo o los comentarios previos, si la redacción del mismo es ilegible (estilo HOYGAN), o si contiene insultos u otros términos ofensivos, será borrado de inmediato. No se garantiza ningún soporte a los ejemplos de desarrollo web presentados en este sitio.

Todavía no hay comentarios.

Los comentarios están cerrados.

Información del sitio