Problemas con display: inline block para internet explorer 7
- Detalles
-
Creado en Lunes, 05 Diciembre 2011 10:01
-
Escrito por Leonardo Molano Beltran
Esta propiedad display inline block no funciona en ie7, teniendo grandes dolores de cabeza a la hora de diseñar una web html5 y ccs3 que funcione en todos los navegadores.
En fin, acá publicamos como lo hemos resuelto.
El secreto es hacer una zoom:1.
.etiqueta
{
display:inline-block;
min-height:240px;
width:175px;
vertical-align: top;
zoom: 1;
*display:inline;
}
En nuestra página principal tenemos unas opciones que antes se hubieran hecho con una tabla, pero con esta sola línea de codigo lo realizamos cumpliendo la validación www.w3.org
