capa que ocupe el 100% vertical de la página

Hola,

Estoy intentando crear una senzilla capa que me ocupe el 100% de la página (vertica) y no lo consigo. Escribo:


<div class="recto"></div>

en la hoja de estilos:

#recto{
height: 100%;
}

Sin embargo no funciona. Alguien podria decirme pq?
Muchas grácias!

Cris

Código :

#recto{
position:absolute;
height: 100%;
} 

Saludos!!!

[jk]Corran, que viene fael y nos regaña pro usar posisiones absolutas, saludos fael!![/jk]

Si pones:

body { height:100%; }

no es necesario poner ese position:absolute;

no entiendo porqué, pero ninguna de las dos maneras funciona...
de todas maneras muchas grácias!

Cambia

Código :

<div class="recto"></div> 

por

Código :

<div id="recto"></div> 

leete el tutorial de css, por que estas confundiendo, las clases con los ids

Los id se declaran asi

Código :

#algo

Y las clases asi

Código :

.algo

Saludos