Foros del Web » Creando para Internet » CSS »

Alto automático div

Estas en el tema de Alto automático div en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 19/12/2010, 17:43
 
Fecha de Ingreso: noviembre-2007
Ubicación: Madrid, España
Mensajes: 23
Antigüedad: 10 años, 1 mes
Puntos: 1
Pregunta Alto automático div

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.
  #2 (permalink)  
Antiguo 19/12/2010, 17:49
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 7 años, 4 meses
Puntos: 64
Respuesta: Alto automático div

Cita:
Iniciado por Sorlak Ver Mensaje
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??
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #3 (permalink)  
Antiguo 20/12/2010, 08:45
 
Fecha de Ingreso: noviembre-2007
Ubicación: Madrid, España
Mensajes: 23
Antigüedad: 10 años, 1 mes
Puntos: 1
Respuesta: Alto automático div

si, y nada sigue sin funcionar. Gracias de todos modos :)
  #4 (permalink)  
Antiguo 20/12/2010, 11:36
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Alto automático div

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.
  #5 (permalink)  
Antiguo 20/12/2010, 13:07
Avatar de xcoltx  
Fecha de Ingreso: diciembre-2008
Mensajes: 65
Antigüedad: 9 años
Puntos: 0
Respuesta: Alto automático div

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:
Ver original
  1. #cuerpo{
  2.     left:17px;
  3.     top:155px;
  4.     width:953px;
  5.     height:auto;
  6.     z-index:2;
  7.     background-color:#000;
  8.     border:1px solid #0F0;
  9.     overflow:auto;      /*  overflow para que el cuerpo aumente segun el div hijo  mas grande */
  10.     padding-bottom:10px; /* padding para ver extendido del cuerpo*/
  11. }
  12. #contenido{
  13.     float:left;
  14.     left:22px;
  15.     top:-3px;
  16.     width:670px;
  17.     z-index:4;
  18.     text-align: justify;
  19.     background-color:#999;
  20. }
  21. #menu{
  22.     float:right;
  23.     top:0px;
  24.     right:22px;
  25.     width:210px;
  26.     z-index:4;
  27.     background-color:#F00;
  28. }




bueno nunca esta demas para el que visita :D

Saludos
__________________
http://www.acomodate.cl

Etiquetas: alto
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 17:47.