« Cómo medir el desempeño de aplicacions ASP.NET | Inicio | Viernes de Robots »
Este hack es bastante simple, resulta que Internet Explorer 6 no respeta el atributo min-height para un elemento div.
Una solución, que asegura interoperabilidad, y no quebrar el soporte de los estándares es usar el atributo _height.
_height es ignorado por todos los browsers, y para IE es equivalente a height.
Un hack para tener un div de una altura mínima de 100 px sería:
<div style="min-height:100px;_height;100px">
Aca va mi texto
</div>URL del Trackback para esta entrada:
http://www.lnds.net/cgi-bin/mt-tb.cgi/659
Listados abajo están los enlaces de los weblogs que le referencian Un hack simple en CSS:
» Un hack en css desde La Naturaleza del Software
Este dato puede ser util para los diseñadores: acabo de escribir en pmétodos un hack para saltarse un bug de Internet explorer. Resulta que IE no soporta el atributo min-height, lo que provoca que muchos divs se "desarmen" en Internet... [Leer más]
Comentarios
El problema que presenta este hack, es que si parseas tu css contra el validador del W3C no te lo dará por válido. De momento, si no utilizas una DTD de modo strict lo mejor es poner el selector principal *. por ejemplo:
#caja { min-height: 100px; }
* html #caja { height:100px; }
De esta forma se ignora esta propiedad en navegadores que no sean IE y equivale a la propiedad nim-height, con el mismo tratamiento que hace por ejemplo Firefox.
El problema de usarlo puede venir con la inminente aparición de IE7, que anuncia que dejará de soportar este hack en su parser interno (lo leo en http://blogs.msdn.com/ie/archive/2005/09/02/460115.aspx, pero sólo para el modo strict.
Esperemos que sea verdad y que dejemos de tener que implementar hacks en nuestras hojas de estilo.
Saludos,
David
Publicado por: david maniega | Mayo 10, 2006 1:41 PM