Alto automático div

[Sorlak]

hola a todos:

Si, se que este tema está muy tratado ya, pero mi problema está en que todos los que preguntan utilizan la propiedad "float" en sus divs y yo no. Lo que necesito es que un div "padre" se redimensione según uno de dos divs "hijo" (el contenido o el menú, el más grande). Os dejo el código:

Código HTML:

<div id="cuerpo">
    <div id="contenido">contenido dinámico</div>
<div id="menu">contenido dinámico</div>
</div> 

Código:

#cuerpo {
	position:absolute;
	left:17px;
	top:155px;
	width:953px;
	z-index:2;
	background-image: url(img/cuerpo.png);
	background-repeat:repeat-y;
	background-position:top center;
}
#contenido {
	position:absolute;
	left:22px;
	top:-3px;
	width:670px;
	z-index:4;
	text-align: justify;
}
#menu {
	position:absolute;
	top:0px;
	right:22px;
	width:210px;
	z-index:4;
}

Muchas gracias de antemano, y perdón si ya estaba respondido y no lo he sabido encontrar.

[GAST0N]

Iniciado por Sorlak

hola a todos:

Si, se que este tema está muy tratado ya, pero mi problema está en que todos los que preguntan utilizan la propiedad "float" en sus divs y yo no. Lo que necesito es que un div "padre" se redimensione según uno de dos divs "hijo" (el contenido o el menú, el más grande). Os dejo el código:

Código HTML:

<div id="cuerpo">
    <div id="contenido">contenido dinámico</div>
<div id="menu">contenido dinámico</div>
</div> 

Código:

#cuerpo {
	position:absolute;
	left:17px;
	top:155px;
	width:953px;
	z-index:2;
	background-image: url(img/cuerpo.png);
	background-repeat:repeat-y;
	background-position:top center;
}
#contenido {
	position:absolute;
	left:22px;
	top:-3px;
	width:670px;
	z-index:4;
	text-align: justify;
}
#menu {
	position:absolute;
	top:0px;
	right:22px;
	width:210px;
	z-index:4;
}

Muchas gracias de antemano, y perdón si ya estaba respondido y no lo he sabido encontrar.

ya probaste con ponerle height:auto; y width:auto; al div padre??

[Sorlak]

si, y nada sigue sin funcionar. Gracias de todos modos :)

[kseso?]

Para una mejor comprensión del porqué le ocurre eso mire esta explicación de los diferentes valores de "position"
Deberá renunciar a posicionar todo de forma absoluta.

[xcoltx]

chuta... esta dificil hacer eso aun cuando los 3 divs son absolutos... compadre no tengo idea de su requerimiento para poner los divs absolutos.. pero la solucion esta.. los div flotantes.. el problema de los flotantes era que cuando habia otro elemento debajo de estos.. este ultimo quedaba quizas donde..

entonces copio tu codigo y le puse los floats.. en caso de que te sirvan por si no has encontrado respuesta... a menos que ya lo sepas y este perdiendo mi tiempo xD...

Código CSS:

#cuerpo{
    left:17px;
    top:155px;
    width:953px;
    height:auto;
    z-index:2;
    background-color:#000;
    border:1px solid #0F0;
    overflow:auto;      /*  overflow para que el cuerpo aumente segun el div hijo  mas grande */
    padding-bottom:10px; /* padding para ver extendido del cuerpo*/
}
#contenido{
    float:left;
    left:22px;
    top:-3px;
    width:670px;
    z-index:4;
    text-align: justify;
    background-color:#999;
}
#menu{
    float:right;
    top:0px;
    right:22px;
    width:210px;
    z-index:4;
    background-color:#F00;
}
 

bueno nunca esta demas para el que visita :D

Saludos