Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/10/2010, 17:56
walvaRo
 
Fecha de Ingreso: febrero-2004
Mensajes: 446
Antigüedad: 16 años
Puntos: 0
Layout 100% altura de la ventana.

Hola amigos, hace mucho que no escribo en el foro, pero ahora tengo unas dudas.
Estoy diseñando una web, modular con php, etc, etc.

El problema que tengo, es que no logro que la capa contenido ocupe el 100% de la página. Sin embargo, la capa layout si ocupa el 100% de la altura de la web.
He probado el truco de:
Código:
html,body {
height:100%;
}
Pero no funciona en ningún navegador salvo en Opera y en IE5.5

Mi capa contenido es la siguiente:
Código:
div#contenido{
    z-index:2;
    background-color:#FF9966;
    top:0px;
    left:0px;
    height:100%;
    width:880px;
    padding-left:20px;
    padding-bottom:150px;
    padding-top:20px;
    position:relative;
    margin:auto;
    }
Mi capa contenido está dentro de la capa layout:
Código:
div#layout{
	z-index:0;
	position:relative;
	margin:0 auto;
	width:100%;
	height:auto !important;
	height:100%;
	min-height:100%;
	background-color:#CC3333;
	}
He visto ejemplos como el de esta web:
http://www.rimset.org/

En el que la capa layout tiene un ancho determinado y un fondo con el que se simula que las capas de contenido llegan hasta abajo, pero aunque no es dificil de realizar este truco, me parece un rollo tener que aplicar soluciones así.

¿Alguien me puede ayudar?, ¿qué estoy haciendo mal?

¡Un saludo!