Hace algunos días les contaba sobre un “hack” de CSS para corregir errores de diseño en Internet Explorer, es decir arreglar algunos detalles que en este navegadores se ven diferentes que en los demás.

Era un propiedad en la lectura de CSS de Internet Explorer que no ocurría en los demás navegadores y aunque no es recomendable su utilización ya que no valida, puede resultar bastante útil.

Ahora les traigo algunos tips más al respecto, que nos van a servir para ser un poco más selectivos en cuanto a la versión de Internet Explorer en que tengamos el problema. La forma de aplicarlos es la siguiente: Colocamos la opción que necesitamos delante de la propiedad de cada elemento en la hoja de estilos.

Si queremos que una propiedad funcione tanto en IE6 como en IE7, anteponemos un asterisco (*) a la propiedad seleccionada; pero si queremos sólo funcione en IE6 y no en IE7 anteponemos un guión bajo (_).

header {
*margin-left: 5px Funcionará en IE6 y IE7
}

header {
_margin-left: 5px Funcionará sólo en IE6
}

De esta menera podremos ir solucionando los pequeños detalles que siempre en este navegador se alteran y no se muestran de manera correcta.