DIV con 100% de alto

[cabmaxi]

Hola queridos, como van?

Yo se que este tema esta bastante hablado, pero no puedo encontrar alguien que este en la misma exacta situacion que yo, asique decidi preguntar puntualmente por mi problema (quizas pueda servir para alguien mas).

Me he descargado este template HTML:

[URL="http://www.egrappler.com/onepager/demo.html"]http://www.egrappler.com/onepager/demo.html[/URL]

Y lo quiero hacer es que las secciones que tengan menos contenido, como por ejemplo la de "Our Skills" ocupen todo el alto de la pantalla para que no se vea el contenido de la seccion siguiente (en este caso "Industries we serve").

Hay alguien que sepa como ayudarme? Les paso el css y el html si quieren. Es solo 1 archivo html :)

Gracias chico/as.
Espero poder terminar estoooo

[herzbazi]

Iniciado por cabmaxi

Hola queridos, como van?

Yo se que este tema esta bastante hablado, pero no puedo encontrar alguien que este en la misma exacta situacion que yo, asique decidi preguntar puntualmente por mi problema (quizas pueda servir para alguien mas).

Me he descargado este template HTML:

[URL="http://www.egrappler.com/onepager/demo.html"]http://www.egrappler.com/onepager/demo.html[/URL]

Y lo quiero hacer es que las secciones que tengan menos contenido, como por ejemplo la de "Our Skills" ocupen todo el alto de la pantalla para que no se vea el contenido de la seccion siguiente (en este caso "Industries we serve").

Hay alguien que sepa como ayudarme? Les paso el css y el html si quieren. Es solo 1 archivo html :)

Gracias chico/as.
Espero poder terminar estoooo

mmmm yo lo haria algo asi

Código CSS:

html, body{ heigth:100%}
 

luego despues de esto buscas el nombre del div que contine las secciones y le pone un nombre , digamos un ejemplo se llama content haces asi
y creo que deberia de funcionar a la perfeccion .. si te ayude me dices o bien si no tambien asi lo resolvemos ok

Código CSS:

#Content
{
    height: 100%;
    width: 960px;
}
 

[cabmaxi]

Gracias por tu respuesta, pero lamentablemente no me ha funcionado :(

He leido esta misma solucion en varios lugares pero no funciona en mi caso.. no se que hacer. Entiendo el codigo y tambien entiendo que deberia funcionar pero no pasa nada.

Alguna otra idea de que puede estar pasando?

Gracias nuevamente herzbazi

[pzin]

No sé porqué creeis que debería de funcionar cuando no es lógico que lo haga.

Si tienes cinco secciones, el contenedor principal deberá de medir el 500% de la pantalla, y cada sección debería de medir un 20% de ese contenedor (del 100%, que es igual al 500% de la pantalla, pero siguen siendo 100% por lo que es un 20%).

[herzbazi]

si tomamos el alto del contenedor principal debería de funcionar