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%” );
 }

Curiosamente este articulo fue escrito en en Tuesday, January 29th, 2008 el 9:54 pm y está archivado Desarrollo, Navegadores. Puedes seguir estos comentarios en el feed de comentarios: RSS 2.0. Puedes Dejar un comentario, or trackback desde tu sitio.