Hacks de Explorer

Recojo a continuación una buena selección de enlaces a blogs y anotaciones sobre los hacks del navegador explorer a la hora de realizar diseño web basado en html y css:

Estos blogs recogen varios de los principales hacks de Explorer:

En el blog de Alberto Fortes nos dan varias pautas para crear los condiciones para los hacks de explorer

El condicional Conditional [if IE]
Es potente y configurable. Sirve para el html y el css es. Tiene la siguiente sintaxis:

<!--[if IE]>  código exclusivo para navegadores explorer<![endif]-->

Si fuera para explorer 6:

<!--[if IE 6]>  código exclusivo para navegadores explorer 6<![endif]-->

[if lt IE 6]
Si fuera para explorer 5:

<!--[if IE 5.5]>  código exclusivo para navegadores explorer 5.5<![endif]-->

Para navegadores menores que…

[if lt IE 6]

<!--[if lte IE 6]>  código exclusivo para navegadores explorer menores que el i7 (así que hasta que salga una nueva versión de ie, estas dos últimos  ejemplos son equivalentes)<![endif]-->

ataca a todos los explorer menores que ie 6 pero no a este, [if lt IE 7] ataca a todos los explorer menores que la versión 7 pero No ataca a ie7… lt significa menor que.

También está el uso de !important;

!important funciona como una palabra clave que hace ignorar las reglas de cascada y especificidad. Cualquier definición que vaya acompañada de ella tendrá mayor importancia que cualquier otra.
Pero en Explorer, hasta la versión 6, esta regla será ignorada y considerará a cualquier definición que incluya !important como una definición más.


Un Comentario

  1. Pingback: NOIE6DAY, el día sin Internet 6, próximo 18 de octubre « ddsign


Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s