div sin altura fija desaparece su fondo urgente please!

[Flora]

hola,
Tengo un problema con el color de fondo de un div:
Al quitarle a un div su altura fija para que pueda crecer segun el contenido, me desaparece. Si les quito esos 600px de altura, ese background ya no sale...!!!

#content_noticias{
width:848px;
height:600px;
background-color:#fbfbfb;
border-top:4px #bdbdbe;
margin-left:auto;
margin-right:auto;
position:relative;
}
#wrapper_noticias{
width:848px;
float:left;
background-color:#cfcfcf;
border-top:4px #bdbdbe;
margin-left:auto;
margin-right:auto;
}

agradezco posibles soluciones...muchas gracias..

[Anarninquë]

Muestra el código HTML para que podamos ver mejor el problema...

Si la capa "content_noticias" esta sin contenido, y no defines altura, puede deberse a ello que no muestre el fondo (porque la capa tendría height = 0), se entiende?

[talmente]

prueba a poner float: left;

[Anarninquë]

Iniciado por talmente

prueba a poner float: left;

Consulto, porqué el float:left; haría verse una capa que no se ve al quitarle la altura?

[talmente]

saludos Anarninquë, No puedo contestarte certeramente, la teoría no es lo Mio vale, pero si a un contenedor sin alto definido que contiene otros div, al darle un float: left; se expande hacia abajo y abarca al reto de div. Seguro que se puede hacer de otras maneras y quizás no sirva en este ejemplo pero funciona.

[Anarninquë]

talmente, te preguntaba con total respeto, ya que me dio curiosidad, pues no creo que al darle float:left; a una capa esto haga que "se expanda hacia abajo"...

Lo necesario para poder ayudar a Flora en este problema es que nos muestre su código HTML

[talmente]

Lo se Anarninquë, puedes probarlo,

Código:

#cuerpo {
	float: left;
	margin-right: auto;
	margin-left: auto;
	background: #0099FF;
	width: 100%;
}
#cuerpo #derecha {
	background: #CC0000;
	float: right;
	width: 25%;
}
#cuerpo #lateral {
	float: left;
	width: 25%;
	background: #CC6600;
}
#cuerpo #principal {
	background: #CCCCCC;
	width: 49.9%;
	float: left;
}

<div id="cuerpo">
<div id="lateral">
<p>Lateral</p>
</div>
<div id="derecha">
<p>derecho</p>
</div>
<div id="principal">
<p>&nbsp;</p>
</div>
</div>

#Cuerpo tiene un float: left; quitaselo y veras que pierdes el fondo.

[Flora]

efectivamente talmente :)

Puse el float left y funciona, siempre que el contenedor de este esté flotado tb....o no?...
Creo si.



Gracias!!

[Anarninquë]

No acabo de entender, y ahora me gustaría no quedarme con la duda :P
Podrías poner esa parte de código HTML?

Gracias