Como ya sabemos, Internet Explorer 6 carece de soporte para determinadas propiedades de CSS.
Pero se pueden emular las propiedades min-width
ymax-width
, mediante la inclusión de expresiones en la propiedad width
.
En el ejemplo se establece un ancho máximo de 1002px, que se adquiere cuando el ancho del área visible es igual o superior a 1004px. Y un mínimo de 760px que se adquiere cuando el ancho del área visible es igual o inferior a 798px. Cuando el ancho del área visible se encuentra entre 798px y 1004px se utiliza un ancho de 95%:
#contenedor {width: expression(document.documentElement.clientWidth < 798? "760px" : document.documentElement.clientWidth > 1004? "976px" : "95%");}
El ejemplo anterior es cuando IE6 está en modo de cumplimiento de estándares. Para el modo chapuzas habría que utilizar:
#contenedor {width: expression(document.body.clientWidth < 798? "760px" : document.body.clientWidth > 1004? "976px" : "95%");}
Si buscamos que la CSS valide el uso de este método supondrá un problema. Por ello lo ideal es crear una CSS exclusiva para IE6, e insertar el elemento que la enlaza en un comentario condicional:
<!--[if IE 6]><link rel="stylesheet" media="screen" href="ie6.css" /><![endif]-->
De ese modo, al estar en un comentario, ya no forma parte del código a validar.