IE7 tampoco tendrá soporte CSS2 pleno

Publicado el en Tecnología por Jaime Gómez Obregón.

No es nuevo que los desarrolladores web estemos hartos de tener que escribir las hojas de estilo CSS dos veces. Una vez para los navegadores normales, y otra para el Internet Explorer y su particular e incompatible manera de interpretar las hojas de estilo. Para tratar de esquivar los numerosos bugs y fallos que este navegador web arrastra desde hace años, se suelen escribir hojas de estilo específicas para el navegador de Microsoft. Es un parche incómodo y horrible, pero que constituye la solución menos mala.

La novedad es que sean los propios diseñadores de Microsoft, autores de la criatura, los que hablen de los —textualmente— "estúpidos bugs del Internet Explorer":


/* fix for the IE 1px-off margin error */
* html .StupidIEMarginHack {
     margin-right: 1px;
}

* html .StupidIEWidthHack {
     width: 100%;
}

Este código estaba visible hasta hace unas horas en las hojas de estilo CSS de un subdominio de microsoft.com, tal como ha descubierto alguien en la lista de correo de Opera.

Algunos mantenían la esperanza de que el nuevo Internet Explorer 7 solucionara todos estos bugs e implementara por fin un motor (X)HTML fiel a los estándares que el resto del planeta está siguiendo y respetando desde hace años. Sin embargo, por lo que leo ahora en las hojas de estilo para IE del sitio web de la Fundación Mozilla, parece que la nueva versión del navegador de Microsoft introduce nuevos y emocionantes fallos nuevos:


#nav-main ul a, #nav-main ul a:link,
#nav-main ul a:visited {
     width:100px; /* for IE */
}

#home #main dt {
     padding-left:5%; /* IE double margin bug  */
     height:1%; /* holly hack for phantom background image */
}

#home #main dd {
     padding:0 5%; /* IE double margin bug  */
     margin-top:-70px; /* weird IE bug, he interprets the above
     margin-bottom rule as a bottom rule */
}

#home #rightCol {
     margin-top:20px; /* IE bug */
}

#home #newsBox {
     padding-left: 5%; /* IE double margin bug  */
     padding-right: 5%; /* IE double margin bug  */
}


#press #pressRelease li a,
#press #otherNews li a {
     cursor:hand !important; /* IE7 bug, pointer
     cursor disappears */
}