Cookies en Outbook

Esta web utiliza cookies propias para ofrecer una mejor experiencia. Al navegar, aceptas dichas cookies.
  • Más información acerca de las cookies

Outbook

UI-Dev & more

CSS: max-width y min-width en Internet Explorer 6

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.

Publicado

Categorías: