Archive for the ‘IE6’ Category

< Márgenes duplicados en IE6 />

< Viernes, Diciembre 11th, 2009 />

Como ya muchos sabemos IE 6 duplica el tamaño de los márgenes  a la derecha y a la izquierda con los div que tienen la propiedad float.

Por ejemplo, si yo tengo margin:10px; para todos los navegadores decentes esto significa 10px, pero Internet Explorer 6 lo interpreta como 20px, por eso siempre nos dicen que ocupemos padding.

Una manera de solucionar esto es agregar a nuestra clase la propiedad display:inline;  y listo!  Explorer 6 ya no agrega nada que no debería!

.mi-clase {
float: left;
width: 200px;
margin: 5px;
display: inline; /*–IE6 –*/
}