Qué Pasa Tú ! el Blog de

Fernando Saiz Camarero

"Values. Respect. Decency. Standards." - A Bit of Fry and Laurie (1986)

Problema con max-width: 100%; en Internet Explorer 6

Me dí cuenta el otro día en un ordenador ajeno, que los usuarios de IE6 habéis tenido problemas al ser renderizado este blog por el navegador. El problema está en esta porción de código localizado en la hoja de estilos del theme predeterminado del wordpress

 p img {
 padding: 0;
 max-width: 100%;
  }

Con este código, Michael Heilemann, el creador del  WordPress Default Theme intenta que  con independencia de su tamaño las imágenes de los post se integren con un tamaño apropiado dentro de la capa que las soporta. IE6 no soporta  las propiedades “min-width” ni “max-width”, por lo que las imágenes medianamente anchas rompen la estructura total del diseño del blog.

Para solucionarlo basta con añadir un invento de microsoft que llaman “Propiedades dinámicas”: width:expression(“0px”: “100%” );  ó se puede utilizar javascript width: expression((documentElement.clientWidth <10) ? “0px” : “100%” )
Entonces el código del style.css quedaría:

p img {
 padding: 0;
 max-width: 100%;
width:expression(“0px”: “100%” );
 }

2 Comments to Problema con max-width: 100%; en Internet Explorer 6

  1. January 30, 2008 at 8:22 pm | Permalink

    Que frikadas son estas ferni!!!

Deja un comentario

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">

Saben de que hablan
(en ocasiones se equivocan)