En: CSS
12 Nov 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
|
Este post ha sido visto 2386 veces
Inspiración y Determinación |
En Blog UnderMedia se recopilan y publican periódicamente noticias, artículos o comentarios generados dentro de UnderMedia S.A.
2 nomentarios para Correcciones de CSS para Internet Explorer
Mandrilbulin
Julio 16th, 2009 at 22:09
Realmente estoy muy agradecido por este tutorial. Me hacía mucha falta.
Antonio Cordova
Octubre 5th, 2009 at 10:24
pero ahora con el Iexplorer 8 ya no funciona estos hacks