propiedad height:auto de una capa

Hola amigos tengo el siguiente problema:

Quiero que la div roja quede debajo de la gris (10px) y que la verde quede debajo de la roja se entiende??

Ayudaaaaaaa

fácil:


¿Ah, cómo? ¿Que no era así, sino con códigos?
Bueno, publica tu código html y css y así te podremos ayudar más certeramente.
Mientras, prueba a añadir la propiedad overflow a las cajas contenedoras de los elementos flotados.

Contenedor:

Código :

#cont_blanco {
   position: relative;
   top:10px;
   left:10px;
   width:940px;
   background: #FFFFFF;
   padding: 0px 0px 30px;
   clear: both;
}

Caja:

Código :

#caja {
   position: relative;
   top:200px;
   width:250px;
   left: 680px;
   height:500px;
   background: #C8C8C8 url('../imagenes/barra_ventana.png') repeat-x;
   text-align:left;
   padding: 0px 0px 10px;
}

Agrégale al div rojo un padding-bottom:10px; y si está flotando el div en su interior, pon otro antes de cerrar que sea <div style="clear:both;"></div>

Eso funcionará. La verdad, no entendí el código que publicaste... Ninguno de esos divs son rojos ¿?

Juan, con el poco código que ofreces poco (o nada) podemos deducir.
Me inclino a pensar que tanto el div gris como el rojo los has sacado fuera del flujo del html. Bien por flotarlos o por la posición que le hayas otorgado.
Uno de los efectos más documentados de los elementos que se sacan del flujo del html es que no fuerzan el crecimiento de su padre (de la caja que lo contiene).

Para contrarrestar ese efecto existen varias técnicas. Una es la indicada por Elfleat: uso de un div limpiador o de corte. En algunos caso es la única posible.

Sin embargo, encuentro más limpia, elegante y semántica la solución basada en añadir un "overflow" vía css al contenedor padre, como te dije, siempre que sea posible.

Mírate el enlace que te puse en la primera respuesta.

Saludos

Gracias por sus respuestas amigos...
Pero sigue pasando lo mismo la div contenedora crece pero hasta la mitad osea no queda debajo de la caja.

Cual es el codigo que necesitan amigos??

Pon un enlace a tu realización (si puedes alojarla en red) y en su ausencia el html (el generado por el navegador, no el programado si usas php u otro lenguaje) y el css.

Si es mucho el código, límpialo para dejar sólo el problema y que se pueda reproducir.