maquetacion css

[viera90]

Hola a todos, necesito un poco de ayuda, explico que es lo que me sucede. Tengo tres div uno principal que es "content" y dos secundarios "content_left, content_right" que se encuentran dentro de "content".

El problema es el siguiente cuando le pongo el float:left en los div secundarios el content principal se me corta y no sigue el incremento cuando voi añadiendo contenido en los div secundarios. Alguna solucion?? Pongo el codigo por si hace falta. Gracias, un saludo!!

#content{
border:1px solid black;
width:1000px;
margin:auto;
}

#content_left{
border:1px solid black;
float:left;
width:700px;
}

#content_right{
border: 1px solid black;
float:left;
width:280px;
}

[lubtufano]

Utiliza overflow:hidden en content.

#content{
border:1px solid black;
width:1000px;
margin:auto;
overflow:hidden;
}

[memoadian]

o un div del tipo

<div style="clear:both"></div>

debajo de los tres divs contents, por que luego el overflow:hidden, trae algunos problemas cuando quieres posicionar un div absolut fuera de este. Me ha pasado :S

[viera90]

muchas gracias!! funciona perfectamente con el overflow:hidden