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;
}