Capa contenedora no ajustable

taoshi · #1 (**permalink**) 16/03/2010, 04:28

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?

Pixzero · #2 (**permalink**) 17/03/2010, 02:58

Si quieres que la capa contenedora se ajuste al tamaño de las capas hijo que tenga, no debes colocarlas en posiciones relativas en su interior.

Para tal fin te recomiendo utilizar la propiedad "Float" en las capas hijo así la capa padre, debería adaptarse a sus alturas.

Alheran · #3 (**permalink**) 17/03/2010, 17:56

Aun cuando les das float, aun asi dependiendo de como las combines se seguiran viendo rebasadas las capas contenidas fuera de su contenedor.

La mejor solucion es aplicar la propiedad overflow a la capa contenedor.

#cuerpo {
overflow: hidden;
...las demas propiedades...
}

Lo que hace overflow entre tantas cosas es ajustar el div a su contenido, aunque en realidad no es esa su funcion especifica sirve para tal motivo.

De cualquier modo veras que con este codigo se compondra tu situacion y no te vendria mal buscar un poco de info sobre overflow en google.

taoshi · #4 (**permalink**) 17/03/2010, 19:00

Gracias, sois unos Makinas voy a probar

he probado todas la combinaciones con las dos propiedades css que me habeis dado y porsupuesto tambien con las que especificabais aqui, pero... la capa cuerpo sigue sin autoajustarse.