Dos columnas en un contenedor

[Kabish]

Hola a todos,

dejando aparte layouts, si en algún momento quiero dividir la pantalla en dos para mostrar elementos a la misma altura lo tengo muy fácil:

div.left{
float: left;
width: 45%;
}

div.right{
float: right;
width: 45%;
}

(Si las quiero 50%-50%, tengo que suprimir márgenes y paddings.)

Pero si quiero eso mismo dentro de un contenedor, la cosa se pone complicada, porque al tener las subdivisiones flotantes, resulta que el contendor no "contiene", sino que se queda con la altura mínima y los elementos que flotan por encima.

¿Alguna solución para esto? Gracias.

[Runaway]

Hola,

No se si es la mejor solución pero si una pequeña trampa para que funcione:
detrás del div.right pero dentro del contenedor puedes hacer un div con:

height:0px;
clear:both;

El div no se vera pero hará que el contenedor crezca hasta el final

Saludos

[Kabish]

Pues funciona perfectamente. Buen truco, gracias!

[gran Wakka]

Lo voy a mirar pero me suena de tener en una web un contenedor que contiene dos divs flotantes y no me pasa.

[DragonX]

Iniciado por Kabish

Hola a todos,

dejando aparte layouts, si en algún momento quiero dividir la pantalla en dos para mostrar elementos a la misma altura lo tengo muy fácil:

div.left{
float: left;
width: 45%;
}

div.right{
float: right;
width: 45%;
}

(Si las quiero 50%-50%, tengo que suprimir márgenes y paddings.)

Pero si quiero eso mismo dentro de un contenedor, la cosa se pone complicada, porque al tener las subdivisiones flotantes, resulta que el contendor no "contiene", sino que se queda con la altura mínima y los elementos que flotan por encima.

¿Alguna solución para esto? Gracias.

ponele a tu contenedor: overflow:hidden;