Hier eine Lösung. Leider gibts Probleme, wenn Navi oder Inhalt eine Hintergrundfarbe haben, weil die Höhe der benachbarten Spalte sich nicht 100% ausdehnt wie es bei Tabellen der Fall wäre. Dafür gibts einen Workarround mit HG-Bild (siehe http://www.alistapart.com)
Margin, Padding u. Border zählen teilweise mit zu den Maßen und müssen bei width, bzw. height berücksichtigt werden (abziehen)...
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style type="text/css">
body {
margin: 0px;
padding: 0px;
text-align: center; /* IE */
font-family: arial, helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
#alles {
margin-right: auto; /* Moz, Op */
margin-left: auto; /* Moz, Op */
padding-right: 0px;
padding-left: 0px;
width: 775px;
text-align: left; /* ! */
}
#Kopf {
background-color: #e0e0e0;
}
#Fuss {
clear: both; /* ! */
background-color: #e0e0e0;
}
#Kapitelmenue {
width: 200px;
float: left;
}
#Textbereich {
text-decoration: none;
}
</style>
</head>
<body>
<div id="alles">
<div id="Kopf">
Kopfzeile
</div>
<div id="Kapitelmenue">
Menu
</div>
<div id="Textbereich">
Inhalt
</div>
<div id="Fuss">
Fusszeile
</div>
</div>
</body>
</html>