Foros del Web » Creando para Internet » CSS »

Capa central no adapta altura

Estas en el tema de Capa central no adapta altura en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 28/02/2009, 05:39
 
Fecha de Ingreso: septiembre-2008
Ubicación: Barcelona
Mensajes: 19
Antigüedad: 9 años, 2 meses
Puntos: 0
Capa central no adapta altura

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
  #2 (permalink)  
Antiguo 28/02/2009, 08:11
 
Fecha de Ingreso: septiembre-2008
Ubicación: Barcelona
Mensajes: 19
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: Capa central no adapta altura

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
  #3 (permalink)  
Antiguo 28/02/2009, 12:36
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Capa central no adapta altura

Te sobra el height: auto; el height ya es auto si no lo declaras.
__________________
Visita mi nueva web idplus.org
  #4 (permalink)  
Antiguo 02/03/2009, 04:54
 
Fecha de Ingreso: septiembre-2008
Ubicación: Barcelona
Mensajes: 19
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: Capa central no adapta altura

gracias, tienes razón
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 22:43.