Ein Container mit Bereichen für Kopf, Navigation, Inhalt und Fuß

Nun wurden im Element container vier weitere div-Elemente eingefügt: kopf, navigation, inhalt und fuss.

• fuss ist fest 150px hoch und hat einen orangefarbenen Hintergrund.
• navigation ist olivfarben und 40px hoch.
• inhalt ist gelb und hat nach wie vor keine feste Höhe sondern passt sich dem Inhalt an.
• fuss ist hellgrün und nur 20px hoch.

Die Hintergrundfarbe von container kann man jetzt nicht mehr sehen.

Den Quellcode dieses Beispiels kann man sehen, in dem man

• Im Internet Explorer 8 auf Ansicht >> Quelle
• im Firefox auf Ansicht >> Seitenquelltext anzeigen

klickt.

Die in diesen Beispielen gewählten grellen Farben dienen der Demonstration.