Problema al establecer 100% de alto para una capa

[japochino]

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

[Mikmoro]

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

.tuclase {
min-height: 100%;
height: auto!important;
height: 100%;
}

[japochino]

Muchas gracias por la respesta.

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

Vaya por Dios!

Alguna sugerencia?

[japochino]

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 !!