Internet Explorer 8 incompatible con max-width

Esto es un post rápido o apunte para tenerlo a mano pues tras darme de cabezazos durante un par de horas con una hoja de estilo y la compatibilidad entre diversos navegadores.

En especial esta compatiblidad afecta a Internet 8, el navegador que tristemente usa la mayor parte del planeta, y que hoy pretende jubilar con su nueva versión, si bien es cierto que 9 tiene buena pinta lamentablemente no es compatible con XP, es decir, sólo funciona bajo Vista y 7.

El Internet Explorer versión 8 o IE8 tiene un bug, y van fosfocientos mil, en fin, aunque quizá no sea tan bug sino una excentricidad o exceso de compatibilidad.

El bug es que Internet Explorer 8 no soporta los estilos max-width, min-width, max-height, min-height propiedades de estilo que como ya sabrás o habrás deducido con tu prodigiosa mente ceceseada sirven para definir el máximo ancho, mínimo ancho y altos de por ejemplo una caja de texto aka DIV.

Esta propiedad funciona perfectamente bajo , , etc.

Fíjate en este trozo de código, donde ya te aviso que no funcionará bajo IE8.

<!DOCTYPE html PUBLIC "-//W3//DTD XHTML 1.0 Strict//EN">
<html>
<head>
<style>
.width {
    width:50%;
    min-width:200px;
    max-width:400px;
    background:#eee;
}

Y ahora en este otro, que es el que funciona bajo IE8, la diferencia, es que defines el tipo de documento html sin especificación alguna con el tag DOCTYPE, es decir, no lo haces estricto tal y como se hace en documentos bajo HTML5, y por tanto, max-width funciona bajo IE8

<!DOCTYPE html>
<head>
<style>
.width {
    width:50%;
    min-width:200px;
    max-width:400px;
    background:#eee;
}
Be Sociable, Share!

4 Replies to “Internet Explorer 8 incompatible con max-width”

  1. Gracias dedavid. Tienes mucha razón. ¿Porque de estas cosas?
    ODIO IE, porque siempre van a su puta bola y se pasan los estandar por el forro.
    Gracias de nuevo!!!!!

  2. gracias… me salvaste la vida perdi todo un dia buscando como resolver esto y con esto funciono

Leave a Reply

Your email address will not be published. Required fields are marked *