Correcciones de CSS para Internet Explorer

En: CSS

12 Nov 2007

WP Greet Box icon
Hola! Si estás nuevo por aquí y te gusta lo que ves, puedes disfrutar de una actualización automática y gratuita por RSS para leer nuestros artículos completos cuando lo deseas en tu lector RSS favorito.

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 2386 veces

2 nomentarios para Correcciones de CSS para Internet Explorer

Avatar

Mandrilbulin

Julio 16th, 2009 at 22:09

Realmente estoy muy agradecido por este tutorial. Me hacía mucha falta.

Avatar

Antonio Cordova

Octubre 5th, 2009 at 10:24

pero ahora con el Iexplorer 8 ya no funciona estos hacks

Deja tu comentario!

Acerca de UnderMedia

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.

Twitter UnderMedia

Comunidad

Ultimas visitas

Raking

  • Blogalaxia
  • Top Blogs Ecuador

Switch to our mobile site