[SOLUCIONADO] Como hacer un div dinamico

[elvaleehdj]

Hola gente, como estan?

Quiero pedirles ayuda, ya estoy por morirmeee, busque de todas formas pero no puedo :(

Tengo un div llamado Contenido, adentro de ese div tengo 3 divs mas, uno que contiene una foto, otro que tiene un titulo y otro una noticia (Si, estoy haciendo un sistema de noticias)

Necesito que el div Contenido se agrande si lo necesita. Aca mi CSS:

Código:

#contenido {
	position:absolute;
	overflow:auto;
	left:147px;
	top:172px;
	width:1057px;
	height: 900px;
	background-color:#000000;
	opacity: .7;
	size: 100% auto;
}

#contenido:hover {
	-webkit-transition: .5s;
	opacity: .9;
}

Y aca está mi codigo HTML

Código:

<div id="contenido">
  <div id="foto" style="position:absolute; overflow:auto; left:350px; top:150px; width:374px; color:#FFFFFF; size: 100% auto;">
<img width="374px" height="162px" src="<?php echo $f['foto'] ?>"></div>
<div id="titulo" style="position:absolute; overflow:auto; left:200px; top:3px; width:684px; color:#FFFFFF; size: 100% auto;"><p align="center" class="Estilo1"><font size=6><?php echo $f['titulo'] ?></font></p>
</div>
<div class="Estilo1" id="noticias" style="position:absolute; overflow:auto; left:100px; top:340px; width:892px; color:#FFFFFF; size: 100% auto;"><?php echo $f['noticia'] ?></div></div>

Espero que me puedan ayudar, ya estoy muertoooo.

Gracias!

[C2am]

No uses position absolute, usa relative y no tendrás tantos problemas.
Saludos

[pzin]

Menudo temporal hay por el foro de posicionadores absolutistas. Me pregunto qué manual andarán leyendo.

[elvaleehdj]

Gracias a ambos!

Puse position:relative; pero digamos que le puse de altura unos 200px, me pone la barrita de scroll, lo que yo necesitaria es que no aparesca esa barrita, que se agrande el div.

[memoadian]

pues no le pongas height:200px ponle height: auto, o no se lo pongas

[elvaleehdj]

Iniciado por memoadian

pues no le pongas height:200px ponle height: auto, o no se lo pongas

Si no se lo pongo se me borra el div, me desaparece, igual si lo pongo en auto, no se porque :S

[memoadian]

es probable que dentro de ese div tengas elementos flotados (float). Si es así agregale overflow:hidden al div que te desaparece.

[elvaleehdj]

Lo logre! Era porque en los otros divs usaba position absolute, jeje

Gracias a todos