Martin Szyszlican escribió: > Amigos Ovilleros: > Estamos con un problema que paso a explicar: Dentro de un contenedor tenemos > 2 columnas: una a la izquierda y otra a la derecha. > La columna de la izquierda contiene otros dos contenedores. Tanto estos dos > como el de la derecha pueden variar en alto porque su contenido puede > variar, pero siempre la altura global debería ser la del mas largo (o la de > los dos de la izquierda, o la de la derecha) y los demás adaptarse. > > Envío dos ejemplos, uno con mucho contenido a la derecha, y otro con mucho > contenido en el segundo contenedor de la columna izquierda. > Están aquí: http://martinsz.googlepages.com/problemaOvillo.html > > Si la columna derecha es muy alta, como en el primer ejemplo, no debería > quedar espacio debajo de los dos de la izquierda, esos deberían adaptarse y > ocupar el 50% del alto de la columna derecha. > Esto lo conseguimos usando position: absolute en el contenedor de la > izquierda y position:relative en el que contiene a ambas columnas. > > Pero existe otro problema, y es que cuando uno de los de la izquierda tiene > mucho contenido (que excede el 50% de la altura del de la derecha) ese > contenido aparece escapándose del contenedor global, como se ve en nuestro > segundo ejemplo. En este caso el contenedor de la izquierda debería > agrandarse para incluir a todo su contenido y la columna derecha debería > estirarse también. > > Necesitamos una solución que se vea bien en firefox2, opera9, safari3 e ie7, > los demás navegadores pueden mostrar una versión degradada pero aceptable. > Supongo que la solución tiene que ver con usar display: table-cell, ya que > el comportamiento que estoy buscando es más similar al de las tablas que al > de los bloques, pero no tengo experiencia con ese tipo de cosas y me > gustaría su ayuda. > El problema del table-cell es nuestro simpático Explorer que no lo soporta, mira a ver si este tutorial te ayuda
http://www.positioniseverything.net/articles/onetruelayout/ -- Saludos -=stripTM=- _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
