Dies ist eine alte Version des Dokuments!
3-spaltiges Layout
Hier ein dreisplaitges Layout mit Kopf- und Fußzeile:
<html> <body> <div id="header"> Kopfzeile </div> <div id="left"> Links </div> <div id="right"> Rechts </div> <div id="middle"> Mitte </div> <div id="footer"> Fußzeile </div> </body> </html>
Zu beachten ist hier, dass die mittlere Spalte nach der linken und rechten Spalte steht!
#header { clear: both; } #left { float: left; width: 100px; } #right { float: right; width: 100px; } #middle { padding: 0 100px 0 100px; } #footer { clear: both; }