Layers al 100%

[ordsanmi]

Hola!

Llevo tiempo dandole vueltas a una cosa pero no la cojo bien
Mirar tengo este código

#containerprincipal{
width:770px;
margin: auto;
text-align: left;
padding-left: 0px;
background-image:url(imagenes/centro2.jpg);
background-repeat:repeat-y;
position: relative;
background-color: #FFFFFF;
}

#main {
margin: 0px 0px 0px 17px;
background-image: url(imagenes/principal.png);
background-repeat: repeat-y;
}
#menus{
FLOAT: left;
WIDTH: 140px;
margin-top: 0px;
}
#contenidoseccion{
padding: 15px 0px;
margin-left: 150px;
margin-right: 60px;
top: 0px;
margin-bottom: 20px;

}
menus y contenidoseccion estan dentro de main, y me gustaria que estas dos capas ocupen siempre toda la altura, he probado con height:100% pero no me hace caso.
Todo esto esta dentro del containerprincipal.

Alguna solucion se os ocurre?

[webosiris]

Iniciado por ordsanmi

he probado con height:100%

height:100% hace referencia a que va a ocupar el 100% del alto del elemento padre... el elemento padre "principal" es el body, así que para que te haga caso tenés que indicar cuanto es el alto de body.. agregá esto:

Código:

html,
body {
height:100%;
width:100%;}