info
kopf
Inhalt

Dem Gesamtkasten habe ich noch einen 5 Pixel breiten Innenabstand verpasst, damit man schön sieht, wie er alles andere umfasst.

Die HTML-Datei sieht trotz der aufwendig erscheinenden Konstruktion nur so aus:

Beachte die Reihenfolge!

<html>
<head><title>Beispiel 7</title></head>
 <link rel="stylesheet" type="text/css" href="beispiel-sieben.css">
<body>
<div id="alles">
<div id="logo"></div>
<div id="info"></div>
<div id="kopf"></div>
<div id="menue"></div>
<div id="inhalt"></div>
<div id="fuss"></div>
</div><!-- Ende von "alles" -->
</body>
</html>
alles
fuss