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

• < Previo
• Siguiente >