Foros del Web » Creando para Internet » CSS »

Div padre no toma altura de los divs hijos

Estas en el tema de Div padre no toma altura de los divs hijos en el foro de CSS en Foros del Web. Bueno me tope con un problema familiar entre padres he hijos jaja en fin el problema es este: Tengo un div principal dentro de este ...
  #1 (permalink)  
Antiguo 22/01/2009, 20:55
Avatar de hanscruz  
Fecha de Ingreso: junio-2005
Mensajes: 278
Antigüedad: 12 años, 5 meses
Puntos: 0
Div padre no toma altura de los divs hijos

Bueno me tope con un problema familiar entre padres he hijos jaja en fin el problema es este:

Tengo un div principal dentro de este tengo 2 divs uno con float:left y el otro con float :right hasta ahi todo bien.

Bien el problema que tengo es que el div principal osea el padre tiene un fondo y un borde para el diseño, pero por mas contenido que tenga cualqueira de los divs hijos la altura del div padre siempre es 0 osea como si no tubiera nada.

Bien hasta donde averigue se debe a los float que tienen los divs hijos, pero supongo que debe haber otra solucion ya que esto solo no funciona en firefox y en internet explorer funciona perfectamente.

saludos.
__________________
:policia:
  #2 (permalink)  
Antiguo 22/01/2009, 21:32
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: Div padre no toma altura de los divs hijos

Mmm... Saludos hanscruz!!

Lamentablemente no puedo ayudarte porque no te entiendo!! no se que es lo que quieres hacer y lo que no sale tal como es...

Seria bueno que pusieras un ejemplo de que es lo que quieres, y como lo tienes! eso ayudaria mucho!!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #3 (permalink)  
Antiguo 22/01/2009, 23:41
Avatar de Dalvenjha  
Fecha de Ingreso: febrero-2008
Ubicación: $("#oficina");
Mensajes: 692
Antigüedad: 9 años, 9 meses
Puntos: 53
Respuesta: Div padre no toma altura de los divs hijos

Simple, dale a tu div padre lo siguiente para firefox:

Código:
min-height:50px;
overflow:hidden;
y si quieres dejar un espacio entre el fondo de los que tienen float, entonces:
paddig-bottom:20px;
Y listo, con eso te ahorras el sufrimiento, pero eso es solo para firefox, opera chrome y etc, para el ie, puedes poner un comentario condicional que diga:

Código:
*html #tudiv {
height: 50px;
overflow:visible;
padding-bottom:20px;
}
__________________
Mi Showcase ||

Compartiendo todo lo posible con los demás.
  #4 (permalink)  
Antiguo 23/01/2009, 03:40
(Desactivado)
 
Fecha de Ingreso: noviembre-2007
Mensajes: 54
Antigüedad: 10 años
Puntos: 0
Respuesta: Div padre no toma altura de los divs hijos

Hola. Yo creo que el problema que tienes es debido al Valor que le has dado a la propiedad "height" en el <div> contenedor principal. Pero para saberlo, habría que ver el CSS, además de saber si el Fondo es imagen o no.

Si quieres más información teórico Y/o práctica, ponte en contacto.

Saludos.

Última edición por tunait; 23/01/2009 a las 03:51 Razón: remover firma
  #5 (permalink)  
Antiguo 23/01/2009, 03:44
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Div padre no toma altura de los divs hijos

Esto se ha repetido muchas veces: la caja contenedora no crece porque si las cajas que contiene están flotadas no le hacen crecer, excepto para IE, que sí lo hacen.

Prueba a añadir a tu caja contenedora simplemente overflow: auto en la CSS. Si no funciona, se deberá a que tienes establecida una altura en esa caja. Si es así, vuelve a preguntar y aplicamos la segunda solución que es infalible.
__________________
Visita mi nueva web idplus.org

Última edición por Mikmoro; 23/01/2009 a las 05:01
  #6 (permalink)  
Antiguo 26/01/2009, 12:14
Avatar de hanscruz  
Fecha de Ingreso: junio-2005
Mensajes: 278
Antigüedad: 12 años, 5 meses
Puntos: 0
Respuesta: Div padre no toma altura de los divs hijos

Gracias por sus repuestas, mikmoro me entendiste perfectamente y ya probe con overflow: auto pero nada. Hasta donde yo se creo que no se puede hacer crecer el contenido del div padre ya que los divs hijos tienen un float pero me interesaria saber tu segunda opcion que lo llamas infalible, en verdad me tienes intrigado y quisiera saber como se puede lograr.

Gracias y espero tu respuesta.
__________________
:policia:
  #7 (permalink)  
Antiguo 26/01/2009, 12:26
Avatar de Dalvenjha  
Fecha de Ingreso: febrero-2008
Ubicación: $("#oficina");
Mensajes: 692
Antigüedad: 9 años, 9 meses
Puntos: 53
Respuesta: Div padre no toma altura de los divs hijos

Pueds poner tu CSS para verlo? tu estructura de archivos tb please.
__________________
Mi Showcase ||

Compartiendo todo lo posible con los demás.
  #8 (permalink)  
Antiguo 26/01/2009, 12:54
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Div padre no toma altura de los divs hijos

Cita:
Iniciado por hanscruz Ver Mensaje
Gracias por sus repuestas, mikmoro me entendiste perfectamente y ya probe con overflow: auto pero nada. Hasta donde yo se creo que no se puede hacer crecer el contenido del div padre ya que los divs hijos tienen un float pero me interesaria saber tu segunda opcion que lo llamas infalible, en verdad me tienes intrigado y quisiera saber como se puede lograr.

Gracias y espero tu respuesta.
Si quieres que ese div principal crezca cuando crezca su contenido aunque éste esté floatado, debes producir un corte en el flujo del documento, colocando dentro de ese div y justo antes de cerrarlo con </div> una caja vacía de esta manera:

<div class="corte"></div>

y ahora añadir a la CSS este selector:

.corte {clear: both;}

Recuerda que la caja del corte debe estar dentro del div principal, justo ante de cerrarlo.

P.D.: me gustaría ver por qué el overflow no ha funcionado, ya que lo condicionaba al tamaño y no lo mencionas.
__________________
Visita mi nueva web idplus.org
  #9 (permalink)  
Antiguo 27/01/2009, 21:09
Avatar de hanscruz  
Fecha de Ingreso: junio-2005
Mensajes: 278
Antigüedad: 12 años, 5 meses
Puntos: 0
Respuesta: Div padre no toma altura de los divs hijos

Gracias por tu respuesta lo probare y te cuento si me funciono.
__________________
:policia:
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 09:34.