CSS Auto Height en Internet Explorer


Estoy intentando resolver un pequeño inconveniente con un DIV en el proyecto que estoy trabajando actualmente, el problema es el siguiente:

  • Un div tiene que adaptar la altura al contenido (hasta aquí todo bien).
  • Firefox y Chrome perfectamente muestran la capa con la altura dependiendo del contenido
  • Internet Explorer 7 no muestra la capa porque detecta que no tiene altura (Wrong!)

Lo cierto es que para poder solventar ésto, tengo que darle un height lo cual no quiero forzarlo a una altura fija determinada, por lo que decido darle una maravillosa solución: height:1%;

Si alguien conoce una solución mejor, agradezco que lo comente!

Acerca de fabiancouto

Nacido en Montevideo, Desarrollador de software en @brujula_talk & owner de @TrabajoBalear. Adicto a la ironía y al sarcasmo. En busca de sabiduría y felicidad.

Publicado el 25 febrero, 2011 en CSS, Tecnología y etiquetado en , . Guarda el enlace permanente. 2 comentarios.

  1. Probaste ponerle un width: 100%; overflow: hidden;
    a veces funciona!😉

    salute!

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: