display: inline-block para IE, y los demas navegadores

Estaba yo muy contento con la diagramacion de un listado generado dinámicamente en donpresupuesto.com. Pero de golpe me vengo a enterar que el display: inline-block no funciona en Internet Explorer. Y todo se fue al carajo. Las 5 columnas de localidades (Que pueden ver, por ejemplo en la pagina de reformas en a coruña) se transformaba en una sola, tan pero tan, fea que daba lastima.

Tenia dos opciones, meter un poco mas de código php, para generar divs con ese contenido dinamico y luego posicionarlos con float o algo asi, o buscar una forma de que mi listado funcione como yo esperaba. PHP se bastante, pero quería buscar una forma de hacerlo solo con css. Por suerte en Internet hay de todo. Una búsqueda y lo encontre.

Básicamente consiste en agregar unas lineas al css que hacen que se muestre el bien en todos los navegadores. No es un display:  inline-block puro pero logramos que se muestre como esperamos.

Solo tuve que agregar estas lineas:

Lo que me dejo el código asi:

Y con eso ya deje todo funcionando…

4 thoughts on “display: inline-block para IE, y los demas navegadores”

  1. EL problema con tu solucion es que estas usando hacks que no son validos por la w3c y no sirven para el posicionamiento web.

  2. Entonces… cual seria la forma correcta para que sea valido y ayude al posicionamiento?

    Dicho sea de paso no creo que afecte demasiado al posicionamiento….

  3. @faiverson – posicionamiento? que el CSS no sea valido para W3 no afecta en nada el posicionamiento

    @ferticidio – conocia el hack, solo olvide como era. Cai aca buscando en google, gracias por recordarme el dato!

Leave a Reply