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