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

[WingzemonX]

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?

[GAST0N]

Iniciado por WingzemonX

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

[alexk]

ya se ah tradado usa el buscador "columnas equilibradas"

PD: aqui un ejemplo http://www.araudi.net/ejemplos/colum...ilibradas.html

[KurozakiIchigo]

>Edito.
Ya te dio la respuesta alexk.

[WingzemonX]

Iniciado por GAST0N

probaste height:inherit ????? al div hijo

Intente tu sugerencia, pero no me funciono. Gracias por la ayuda igual.

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!

[alexk]

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