Altura en css

[dragonfire256]

Hola buenas tardes... Me gustaria saber como poner el atributo height en porcentaje... Cuando intento ponerlo, no esta modificando mi pagina... Aqui le dejo el codigo:

body{
height: 100%;
width: 100%;
background: -webkit-linear-gradient(#EE8711, #033E8D);
background: -moz-linear-gradient(#EE8711, #033E8D);
background: -o-linear-gradient(#EE8711, #033E8D);
background: -ms-linear-gradient(#EE8711, #033E8D);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE8711', endColorstr='#033E8D',GradientType=0 );
}

.content{
background-color:#e1e5ff;
height:100%;
}

El problema es con .content, que es un div... Muchas gracias

[kseso?]

Claro. Su div está siendo muy obediente y hace lo que debe.

Supongo que sabe que las medidas en % toman como referente no al elemento al que se las declara, sino a su padre o ancestro más próximo.
Así que en base a lo anterior, vamos de dentro hacia afuera:

Su contenedor mide el 100% de su padre, que en su ejemplo es body -->
Usted le ha dicho que la altura de body sea el 100% de su padre, que es html -->
Pero resulta que html no tiene declarada altura, y sus hijos son elementos vacíos, luego la altura de html es 0 (cero)
el 100% de 0 es 0

Añada a su css:

Código CSS:

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

Verá qué estirón dan body y #content

[dragonfire256]

Eso me sirvio... Muchas gracias... Mas sin embargo tengo que decir que me faltaba otro div llamado container... Es que cree esa plantilla en dreamweaver... Entonces el orden seria algo asi:

1.HTML
2.BODY
3.CONTAINER
3.1HEADER
3.2CONTENT
3.3FOOTER

Y obviamente si no le ponia altura a container, content no se iba a mover nunca... Muchas gracias...