HTML-Seite mit einem Standard-Header-Footer-Layout ohne Verwendung von Tabellen-Tags
Wie kann ich erreichen, was im Bild angezeigt wird, ohne Tabellen zu verwenden? Ich möchte, dass sich das Layout über die gesamte Höhe / Breite der Seite erstreckt, auch wenn die Größe des Browserfensters geändert wird.
Das habe ich bisher versucht. Es ist nah, sieht aber nicht professionell aus.
<html>
<body>
<div>
<div style="border-style: solid; height: 20%">
Header</div>
<div style="overflow: hidden; height: 55%">
<div style="border-style: solid; float: left; width: 20%; height: 100%;">
left</div>
<div style="border-style: solid; float: left; width: 57%; height: 100%;">
content</div>
<div style="border-style: solid; float: left; width: 20%; height: 100%;">
right</div>
</div>
<div style="border-style: solid; height: 20%">
Footer</div>
</div>
</body>
</html>
Ein sauberes und einfaches CSS wäre sehr dankbar.