Foros del Web » Creando para Internet » CSS »

Problema al establecer 100% de alto para una capa

Estas en el tema de Problema al establecer 100% de alto para una capa en el foro de CSS en Foros del Web. Hola Al principio quería establecer una capa a un alto 100% para conseguir el típico efecto de que la web se ajuste en alto al ...
  #1 (permalink)  
Antiguo 19/08/2008, 12:40
 
Fecha de Ingreso: octubre-2003
Mensajes: 51
Antigüedad: 14 años, 1 mes
Puntos: 0
Problema al establecer 100% de alto para una capa

Hola

Al principio quería establecer una capa a un alto 100% para conseguir el típico efecto de que la web se ajuste en alto al monitor. Esto es necesario cuando el contenido de tal capa no es suficiente como para rellenar ese alto. ok?

Bien, descubrí que eso se puede hacer estableciendo el atributo height a 100% tanto para la capa como para las etiquetas body y html. Hasta ahí perfecto.

Mi problema viene cuando el contenido de la capa supera el alto del monitor ya que la capa sigue tomando como alto la altura del monitor con lo cual la imagen de fondo que tengo establecida en la capa ajustada abajo verticalmente me "pisa" ese contenido que va más allá del alto del monitor.

¿Alguien puede decirme como puedo arreglar eso?

Lo que quiero es que cuando el contenido de la capa sea insuficiente para rellenar el alto, este se me establezca al 100% pero cuando tal contenido supere el alto, el alto de la capa se me ajuste al contenido y no al 100% del alto del monitor.

Muchas gracias
  #2 (permalink)  
Antiguo 19/08/2008, 12:46
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: Problema al establecer 100% de alto para una capa

Prueba poniendo min-height: 100%. Hazlo así:

.tuclase {
min-height: 100%;
height: auto!important;
height: 100%;
}
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 20/08/2008, 03:01
 
Fecha de Ingreso: octubre-2003
Mensajes: 51
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: Problema al establecer 100% de alto para una capa

Muchas gracias por la respesta.

Tal y como dices me funciona en IE7 pero no en Firefox.

Vaya por Dios!

Alguna sugerencia?
  #4 (permalink)  
Antiguo 20/08/2008, 03:23
 
Fecha de Ingreso: octubre-2003
Mensajes: 51
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: Problema al establecer 100% de alto para una capa

Ya lo resolví...

A la capa le establezco la propiedad min-height:100% (las demás al final no hacen falta); con eso solucionamos el problema de que la capa se ajuste al 100% de alto cuando su contenido es insuficiente para rellenarlo.

Y para que la capa se ajuste al contenido cuando este supere el 100% de alto, ponemos justo antes de la etiqueta de fin de la capa una capa a la que le aplico la clase .clearing, donde:

.clearing{
clear:both;
}

Muchas gracias !!
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 10:47.