height:100% con margin-top y margin-bottom

[PatomaS]

Hola

Me alegra que hayas encontrado la solución al problema.

Sin embargo, quiero puntualizar un poco lo que nos presentas.

Tu pedías algo que fuera más alto del 100% de altura y no tuviera barras de desplazamiento. Lo cual no es posible a menos que juegues con el overflow, lo que lo volvería a dejar en 100% de altura.

Lo que nos presentas en el código, en una página con 100% de altura y tres zonas verticales diferentes, que no es lo mismo que pedías.

Para lograr lo que has hecho, basta con colocar tres capas posicionadas en la pantalla. Ciertamente el aporte de javascript para mantener las capas en su posición ayuda en ciertos navegadores.

Sin embargo, a lo que voy, es que la explicación del problema no se correspondía con lo que has hecho. Bueno, podemos llamar a la capa superior e inferior márgenes, pero tú mismo las llamas diferente en el código (cabecera y pie).

;)

Bueno, lo importante es que lograste resolver el problema y además mediante investigación y unión de elementos, lo que es muy importante.

Felicidad