Correcciones de CSS para Internet Explorer
Noviembre 12, 2007
Algunas veces es un dolor de cabeza, ver como nuestros diseños hechos con CSS no funcionan correctamente en Internet Explorer.
Via tuFuncion.com en su articulo El hack definitivo para tus CSS presentan una interesante solución a este problema.
Se trata de usar etiquetas que solo Internet Explorer interpreta, de esta forma podemos corregir aquellas “imperfecciones” que se presentan en este navegador.
Para entenderlo mejor veamos el ejemplo que nos da tuFuncion.com
Por poner un caso práctico, queremos usar un margen izquierdo que tiene 5px en Firefox y en Opera y 6px para IE6 y 7px para IE7:
margin-left: 5px; /* Todos los navegadores */ .margin-left: 7px; /* Margen izquierdo de 7px para IE6 y IE7, los demas navegadores todavia seguiran manteniendo el margen de 5px inicial */ _margin-left: 6px; /* Sólo IE6 leerá y entendera este estilo y aplicará el valor */
En resumen
|
Etiqueta
|
Navegador
|
Ejemplo
|
|---|---|---|
|
//
|
IE todas la versiones
|
//margin-left: 5px
|
|
.
|
Solo IE6 y IE7
|
.margin-left: 5px
|
|
_
|
Solo IE6
|
_margin-left: 5px
|
Entrada almacenada bajo: CSS
Este post ha sido visto 668 veces
Suscribirse por mail
Envia comentario
Algunas etiquetas HTML estan permitidas:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>
Conectate a este comentario | Suscribete a los comentarios via RSS Feed