Foros del Web » Creando para Internet » CSS »

Capa contenedora no ajustable

Estas en el tema de Capa contenedora no ajustable en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 16/03/2010, 05:28
 
Fecha de Ingreso: julio-2009
Mensajes: 117
Antigüedad: 8 años, 5 meses
Puntos: 0
Capa contenedora no ajustable

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?

Última edición por taoshi; 17/03/2010 a las 20:55
  #2 (permalink)  
Antiguo 17/03/2010, 03:58
Avatar de Pixzero  
Fecha de Ingreso: marzo-2010
Ubicación: www.lapuntu.com
Mensajes: 12
Antigüedad: 7 años, 8 meses
Puntos: 0
Respuesta: Capa contenedora no ajustable

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.
  #3 (permalink)  
Antiguo 17/03/2010, 18:56
Avatar de Alheran  
Fecha de Ingreso: septiembre-2009
Mensajes: 100
Antigüedad: 8 años, 2 meses
Puntos: 6
Respuesta: Capa contenedora no ajustable

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.
  #4 (permalink)  
Antiguo 17/03/2010, 20:00
 
Fecha de Ingreso: julio-2009
Mensajes: 117
Antigüedad: 8 años, 5 meses
Puntos: 0
Respuesta: Capa contenedora no ajustable

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.

Última edición por taoshi; 17/03/2010 a las 20:57

Etiquetas: capas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:11.