Foros del Web » Creando para Internet » CSS »

(Ayuda) div que crecen pero no mantinene relación con height asignado

Estas en el tema de (Ayuda) div que crecen pero no mantinene relación con height asignado en el foro de CSS en Foros del Web. Hola, este es el esuqema que estoy usando: Código HTML: <div id= "cuerpo" > <div id= "externo" class= "expan" > <div id= "interno" > aca ...
  #1 (permalink)  
Antiguo 15/06/2009, 17:41
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 9 años, 9 meses
Puntos: 21
(Ayuda) div que crecen pero no mantinene relación con height asignado

Hola,

este es el esuqema que estoy usando:

Código HTML:
<div id="cuerpo">

<div id="externo" class="expan">

<div id="interno"> aca va el contenido</div>

</div> 

<div id="panel" class="expan"></div>

</div> 
y la hoja de estilo:
Código HTML:
#cuerpo {
	margin:0 auto;
	width:900px;
	min-height:700px;
	position:relative;
	top:-50px;
	z-index:3;.
	overflow:hidden
}

.expan {
	float:left;
	min-height:900px;
	height:auto;
	overflow:hidden;
	position:relative;
}

#externo {
	width:700px;
	background:url(../img/externo_bg.png) repeat;
}

#panel {
	width:190px;
	padding:5px;
}

#interno {
	margin:10px auto;
	width:670px;
	min-height:500px;
	height:auto;
	overflow:hidden;
	background-color:#FFFFFF;
	padding:5px;
}
El problema radica en que al crecer el contenido, perfectamente creen las cajas, pero el div externo tiene un alto 200 pixeles más que el div interno, entonces al crecer esa diferencia de 200 pixeles desaparece.

Como hago y porque para mantener esa diferencia de 200px en el height.?

saludos.
  #2 (permalink)  
Antiguo 15/06/2009, 17:47
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Respuesta: (Ayuda) div que crecen pero no mantinene relación con height asignado

Creo que esto solucionará bastante tu problema.

Lo que pasa es que cuando flotas un div, sale del flujo normal del HTML y deja d ahcer crecer a su padre.
__________________
No diseñes usando tablas.
  #3 (permalink)  
Antiguo 15/06/2009, 17:47
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: (Ayuda) div que crecen pero no mantinene relación con height asignado

¿probaste con "padding-bottom:200px" a "#extreno"?
¿o "margin-bottom:200px" a #interno" ?
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #4 (permalink)  
Antiguo 15/06/2009, 18:06
 
Fecha de Ingreso: marzo-2008
Mensajes: 1.020
Antigüedad: 9 años, 9 meses
Puntos: 21
Respuesta: (Ayuda) div que crecen pero no mantinene relación con height asignado

sii...mucchisims gracias..

probe con margin-bottom:190px;

y anda perfecto!!!

saludoss!!
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 17:11.