Problema con height:auto

[FantasmaFito]

Hola a todos! Tengo el siguiente código:

Código HTML:

<div id="contenedor" style="width:150px; height:auto; background-color:#00F; margin:0 auto">
     <div id="divIzquierda" style="width:60px; height:310px; background-color:#FF0; float:left"></div>
     <div id="divDerecha" style="width:60px; height:310px; background-color:#FF0; float:right"></div>
</div> 

Como verán, tengo un div que es de color azul y que contiene otros dos divs que flotan a la izquierda y derecha y son de color amarillo. El problema es que quiero que el div #contenedor tenga un alto automático, en este caso el mismo alto que los divs hijos #divIzquierda y #divDerecha. En IE6 y 7 funciona a la perfección, pero en Firefox, Chorme y Safari no, no me muestra el div #contenedor

Comparenlo: http://idear-estudio.com.ar/pruebas/

Que es lo que estoy haciendo mal? No noto nada raro en el código...

Gracias!

[PrendekZ]

agrega:

overflow:hidden;

Creo que funcionara!

[GastonManatico]

Iniciado por FantasmaFito

Hola a todos! Tengo el siguiente código:

Código HTML:

<div id="contenedor" style="width:150px; height:auto; background-color:#00F; margin:0 auto">
     <div id="divIzquierda" style="width:60px; height:310px; background-color:#FF0; float:left"></div>
     <div id="divDerecha" style="width:60px; height:310px; background-color:#FF0; float:right"></div>
</div> 

Como verán, tengo un div que es de color azul y que contiene otros dos divs que flotan a la izquierda y derecha y son de color amarillo. El problema es que quiero que el div #contenedor tenga un alto automático, en este caso el mismo alto que los divs hijos #divIzquierda y #divDerecha. En IE6 y 7 funciona a la perfección, pero en Firefox, Chorme y Safari no, no me muestra el div #contenedor

Comparenlo: http://idear-estudio.com.ar/pruebas/

Que es lo que estoy haciendo mal? No noto nada raro en el código...

Gracias!

al contenedor no le pongas heigth auto , ponele la medida de los otros div , o sea 310px

[FantasmaFito]

Iniciado por GastonManatico

al contenedor no le pongas heigth auto , ponele la medida de los otros div , o sea 310px

Hola, lo que pasa es que los divs hijos también van a tener el alto automatico. Aqui le puse medida fija para que pudieran observar el problema.

Y PrendekZ, gracias, me ha funcionado, pero podrías explicarme porque con overflow:hidden da resultado?

Muchas gracias a ambos!!

[HugoMiguel]

En la línea div id="contenedor", cambia heigth:auto por height:310px.

[PrendekZ]

Iniciado por FantasmaFito

Hola, lo que pasa es que los divs hijos también van a tener el alto automatico. Aqui le puse medida fija para que pudieran observar el problema.

Y PrendekZ, gracias, me ha funcionado, pero podrías explicarme porque con overflow:hidden da resultado?

Muchas gracias a ambos!!

Aveces cuando unos divs flotantes están dentro de otros divs se puede perder su contenido o funciones, el cuál con ese Truco se puede arreglar, es todo.

Saludos.

[FantasmaFito]

Iniciado por PrendekZ

Aveces cuando unos divs flotantes están dentro de otros divs se puede perder su contenido o funciones, el cuál con ese Truco se puede arreglar, es todo.

Saludos.

Barbaro, muchas gracias!

[C2am]

Me parece que se debe a que al estar flotados los div que están dentro del div contenedor, estos salen del flujo normal del documento, es decir, para el div contenedor es como si no estuvieran allí y por eso, al "no tener nada" el div no se muestra.
prueba ademas de los div poner otra cosa y verás como se muestra con el alto necesario para contener a esa otra cosa (párrafo o imagen o lo que sea).
Es lo que entendí y como lo interpreto yo, si algun maestro del css cree que estoy equivocado por favor que corrija lo que dije.

[jomaruro]

Hola:

Iniciado por HugoMiguel

En la línea div id="contenedor", cambia heigth:auto por height:310px.

¿No has leido el mensaje anterior al tuyo?

Iniciado por FantasmaFito

Hola, lo que es que los divs hijos también van a tener el alto automatico. Aqui le puse medida fija para que pudieran observar el problema.

Saludos.