de webmaster a webmaster

Internet Explorer 8 incompatible con max-width

con 4 comentarios, ¡esto se mueve!

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 respuesta to 'Internet Explorer 8 incompatible con max-width'

Subscríbete a estos comentarios via RSS or TrackBack a 'Internet Explorer 8 incompatible con max-width'.

  1. Lo he probado y no funciona

    jose

    29 Nov 10 at 11:26

  2. 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!!!!!

    Miguel

    9 Dec 10 at 13:21

  3. el tema del doctype si es transitional tambien no anda?

    esteban

    28 Sep 11 at 02:19

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

    Glenn Pavel

    10 Apr 13 at 19:46

Deja aquí tu comentario, tu huella, o mejor ingrésame unos euros