html,body {height: 100%;}
#header {height: 20%;}
#main {height: 60%;}
#footer {height: 20%;}
> ~~~html
> <body>
> <div id="header">...</div>
> <div id="main">...</div>
> <div id="footer">...</div>
> </body>
>
Vermutlich soll das Layout_mindestens_den Viewport (in voller Höhe) ausfüllen.
Danke, das trifft´s schon ganz gut.
Es soll tatsächlich der gesamte viewport in der Höhe ausgefüllt werden.
Wie grade schon geschrieben, soll der Footer allerdings eine fixe Höhe haben, die Höhe des Headers soll sich nach seinem Inhalt richten.
Was für eine Höhe gebe ich denn dann dem Main?