Foros del Web » Creando para Internet » CSS »

Hacer que un div tenga la misma altura que su div contenedor

Estas en el tema de Hacer que un div tenga la misma altura que su div contenedor en el foro de CSS en Foros del Web. Buenas, ahora mi duda es con CSS, llevo mas de una hora buscandole como hacer esto. Lo que quiero es hacer que un div, que ...
  #1 (permalink)  
Antiguo 21/12/2010, 19:05
Avatar de WingzemonX  
Fecha de Ingreso: noviembre-2010
Mensajes: 75
Antigüedad: 7 años, 1 mes
Puntos: 3
Pregunta Hacer que un div tenga la misma altura que su div contenedor

Buenas, ahora mi duda es con CSS, llevo mas de una hora buscandole como hacer esto.

Lo que quiero es hacer que un div, que esta dentro de otro div, tengo automaticamente la misma altura que el div en el que esta adentro. En otras palabras, que un div tenga la misma altura que su div contenedor. Y muchos diran que es muy facil, ponle height:100%. El detalle esta en lo siguiente: el div contenedor NO tiene una altura fija.

Aqui esta mi codigo:
Código:
div#generalD div#datosD{
	width:100%;
	padding:5px;
}
div#generalD div#datosD div#datosLogo{
	text-align:center;
	float:left;
	width:200px;
	background-color:#FF0000;
}

div#generalD div#datosD div#datosTabla{
	width:65%;
	float:left;
	text-align:center;
	background-color:#000000;
}
Como ven, datosD es el Div contenedor y adentro de él hay dos divs más: datosLogo y datosTabla. datosD no tiene una altura fija, varia dependiendo de que tan grande sea la tabla en datosTabla. El problema es que datosLogo no crece junto con su div contenedor, si no que se queda fijo.

Ya itnente ponerle height:100%; o height:auto; y no funciona. ¿Alguien sabe como podria lograrlo?
  #2 (permalink)  
Antiguo 21/12/2010, 20:50
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 7 años, 4 meses
Puntos: 64
Respuesta: Hacer que un div tenga la misma altura que su div contenedor

Cita:
Iniciado por WingzemonX Ver Mensaje
Buenas, ahora mi duda es con CSS, llevo mas de una hora buscandole como hacer esto.

Lo que quiero es hacer que un div, que esta dentro de otro div, tengo automaticamente la misma altura que el div en el que esta adentro. En otras palabras, que un div tenga la misma altura que su div contenedor. Y muchos diran que es muy facil, ponle height:100%. El detalle esta en lo siguiente: el div contenedor NO tiene una altura fija.

Aqui esta mi codigo:
Código:
div#generalD div#datosD{
	width:100%;
	padding:5px;
}
div#generalD div#datosD div#datosLogo{
	text-align:center;
	float:left;
	width:200px;
	background-color:#FF0000;
}

div#generalD div#datosD div#datosTabla{
	width:65%;
	float:left;
	text-align:center;
	background-color:#000000;
}
Como ven, datosD es el Div contenedor y adentro de él hay dos divs más: datosLogo y datosTabla. datosD no tiene una altura fija, varia dependiendo de que tan grande sea la tabla en datosTabla. El problema es que datosLogo no crece junto con su div contenedor, si no que se queda fijo.

Ya itnente ponerle height:100%; o height:auto; y no funciona. ¿Alguien sabe como podria lograrlo?


probaste height:inherit ????? al div hijo
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #3 (permalink)  
Antiguo 21/12/2010, 21:12
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Hacer que un div tenga la misma altura que su div contenedor

ya se ah tradado usa el buscador "columnas equilibradas"

PD: aqui un ejemplo http://www.araudi.net/ejemplos/colum...ilibradas.html
  #4 (permalink)  
Antiguo 21/12/2010, 21:13
 
Fecha de Ingreso: noviembre-2010
Ubicación: On a world of Anime & Web.
Mensajes: 137
Antigüedad: 7 años
Puntos: 4
Respuesta: Hacer que un div tenga la misma altura que su div contenedor

>Edito.
Ya te dio la respuesta alexk.
  #5 (permalink)  
Antiguo 22/12/2010, 11:04
Avatar de WingzemonX  
Fecha de Ingreso: noviembre-2010
Mensajes: 75
Antigüedad: 7 años, 1 mes
Puntos: 3
Respuesta: Hacer que un div tenga la misma altura que su div contenedor

Cita:
Iniciado por GAST0N Ver Mensaje
probaste height:inherit ????? al div hijo
Intente tu sugerencia, pero no me funciono. Gracias por la ayuda igual.

Cita:
Iniciado por alexk
ya se ah tradado usa el buscador "columnas equilibradas"

PD: aqui un ejemplo http://www.araudi.net/ejemplos/colum...ilibradas.html
Bueno, eso seria dificil porque en realidad no estaba muy seguro de con que palabras buscarlo (por eso accedi mejor a preguntarlo). Estuve viendo el codigo que me sugeriste, y si, en efecto es un efecto asi el que deseo pero... no entiendo como lo hace, es decir, no veo nada fuera de lo comun en su CSS que le diera esa efecto. Y sin embargo, si lo hace... Bueno, lo analizare con mas cuidado, a ver si me funciona.

Gracias pro la ayuda!



EDITO: muy bien, ya entendi la "trampa" que hace, una columna (o caja) es el div contenedor de la otra columna (o caja) asi que mientras el hijo crezca, el padre tambien lo hara... en otras palabras mas o menos "simula" que son dos columnas hijo, cual en realidad son padre e hijo... Tengo que admitir que nunca se me hubiera ocurrido (ingenioso), pero no se si pueda aplicarlo especialmente a mi caso.

Seguiré intentando, gracias a todos!

Última edición por WingzemonX; 22/12/2010 a las 11:12
  #6 (permalink)  
Antiguo 22/12/2010, 11:51
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Hacer que un div tenga la misma altura que su div contenedor

existen otras alternativas como
http://css.devillasbuenas.es/3columnas.html
es solo usar el buscador para que encuentres la que mas necesites..

Etiquetas: altura, contenedor
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 11:30.