Tengo un capa div PA que tiene como contenido otras capas div PA, necesito que el tamaño de la capa contenedora se ajuste automaticamente (en altura) segun al tamaño que exijan las "capas contenido" que hay dentro.
CSS:
Código:
<style type="text/css">
<!--
body {background-color:#0C2043;}
#cuerpo {
background-color:#FFF;
position:relative;
width:1000px;
height:100%;
margin:0 auto;
}
#banner {
position:absolute;
left:330px;
top:171px;
width:212px;
height:43px;
z-index:1;
top:0px;
}
#pasarelaflash {
position:absolute;
left:180px;
top:277px;
width:638px;
height:130px;
z-index:2;
}
#menuflash {
position:absolute;
left:643px;
top:223px;
width:182px;
height:131px;
z-index:2;
}
#contenido {
position:absolute;
left:33px;
top:445px;
width:509px;
height:100%;
z-index:2;
}
#fondoazulbanner {
background-color:#0C2043;
position:absolute;
left:10px;
top:6px;
width:980px;
height:200px;
z-index:2;
}
</style>
Código:
<body>
<div id="cuerpo";>
<div id="fondoazulbanner">
<div id="banner"><img src="Imagenes/Logos/taekwondo.png" width="339" height="253"></div>
</div>
<div id="pasarelaflash">aqui tiene que ir un flash que todavia no esta hecho</div>
<div id="menuflash"></div>
<div id="contenido"></div>
</div>
SI el tamaño de algunas de esas capas que estan anidadas dentro de la capa "cuerpo" es mas grande que la capa cuerpo el contenido se ve fuera, la capa cuerpo no se autoajusta
¿como puedo conseguir que se ajuste automaticamente?