Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a Desarrollo web que contiene a CSS que contiene a CSS: max-width y min-width en Internet Explorer 6

Datos de búsqueda

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.

¡Larga vida a IE6!
Haciendo emocionante la maquetación web desde 2001.

Comentarios del artículo

Los comentarios están cerrados.

Si el comentario no guarda relación con el tema del artículo o los comentarios previos, si la redacción del mismo es ilegible (estilo HOYGAN), o si contiene insultos u otros términos ofensivos, será borrado de inmediato. No se garantiza ningún soporte a los ejemplos de desarrollo web presentados en este sitio.

Todavía no hay comentarios.

Los comentarios están cerrados.

Información del sitio