Seitenlayout: Navigation, Kopf, Information, Fußteil
Das dritte Beipiel realisiert ein mehrspaltiges Layout, indem die Seitenbereiche auf den Rand des zentralen Fensters gelegt werden. In die Seitenbereiche werden umflossene <div>-Bereiche gelegt. Diese müssen in jedem Fall vor dem Informatisonsbereich notiert werden. Der Vorteil liegt darin, dass dieses Layout etwas einfacher als die erste Variante realisiert werden kann.
Aufgrund der fehlerhaften Breiten- und Höhenberechnung beim Internet Explorer sollten linke und rechte margin- und padding-Angaben auf Null gesetzt werden oder Breitenangaben vermieden werden.
Ein weiteres Problem stellen die Ränder von Überschriften und Absätzen dar. Sie würden über die sie umschließenden <div>-Bereiche hinausragen, so dass zwischen dem Kopfteil, Mittelteil und Fußteil Abstände von einer Zeilenhöhe zu sehen sind.