Capa central no adapta altura

[fefeG]

Hola,

A ver si a alguien se le ocurre el por qué, que me estoy volviendo loco. Con Explorer funciona correctamente pero en cambio con FF no

Tengo una capa continente, que únicamente incluye una imagen de fondo, como veréis los datos son sacados mediante php a mysql, dentro de ella está contenidos, que incluye descripcio y fotos. La cuestión es que en IE 7 funciona sin problemas y en FF tengo que darle altura a la capa central FIJA porque tampoco funciona con %.

Código:

#continente{
text-align: center;
width:96%;
background-image: url(userpics/fons/".$row['fondo2'].".png); 
background-repeat:no-repeat;
}

La segunda capa es para englobar simplemente la DESCRIPCIO y FOTOS

Código:

#contenidos{
width:90%;
text-align:center;
height:1000px;  <-- Para FF Pero quiero que sea auto
// height: auto;   <-- Para IE -->
}

Aquí le he dado temporalmente una height de 1000px, porque si no le doy la altura, queda pegada arriba y no adapta su forma al contenido de las capas que incluye.

En cambio, si le doy esta altura de 1000px, la capa contenido también se expande y se muestra la imagen sin problemas.

Esta última contiene 2 capas

Código:

#descripcio{
float:left;
width:55%;
text-align:justify;
margin-top:50px;
margin-left:15px;
margin-right:10px;
margin-bottom:25px;
}

y

Código:

#fotos{
float:right;
width:250px;
text-align:right;
margin-right:5px;
margin-top:50px;
}

Saludos y gracias

[fefeG]

Bueno, no sé si es la solución correcta, aunque me ha funcionado, he solucionado el problema poniéndole la propiedad overflow a la capa de contenidos, aunque si bien cuando en la capa le ponía una altura auto no la interpretaba, lo he solucionado del siguiente modo

Código:

overflow:auto; height: auto;
width:100%;
margin-bottom:25px;

Ahora me adapta la capa tanto para Explorer como para FF como para otros muchos más

Espero que le sirva a alguien también

[Mikmoro]

Te sobra el height: auto; el height ya es auto si no lo declaras.

[fefeG]

gracias, tienes razón