Nov 12
Escrito por: Pablo Veintimilla
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
|
Otros post
Este post ha sido visto 1938 veces
Julio 16th, 2009 at 10:09 pm
Realmente estoy muy agradecido por este tutorial. Me hacía mucha falta.
Octubre 5th, 2009 at 10:24 am
pero ahora con el Iexplorer 8 ya no funciona estos hacks