Problema con max-width: 100%; en Internet Explorer 6
Tuesday, January 29th, 2008Me 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%” );
}

