Mit etwas Nachdenken geht es auch ohne Positionierung.
Bei diesem Beispiel wird alles mit margin, padding und
einigen floats erreicht. Der Rahmen klebt perfekt am
Rand, der Rollbalken verbleibt beim body-Element und selbst
alte Darstellungsprogramme werden nicht mit allzu modernem CSS geqäult.
So weit so gut.
Hier liegt der Haken oder die Kröte, die man
schlucken muß im XHTML-Quelltext - den hatten
wir ja schon bei den beiden vorherigen Beispielen
mit leeren div-Elementen etwas verunziert. Nun hier haben
wir sogar verschachelte leere div-Elemente.
Hierfür muß man sich relativ genau überlegen, welches
div-Element
wo rein muß und welcher wen umschließen muß.
Damit etwa der rechte und linke Rand nicht positioniert und
dimensioniert werden muß, sich aber dem Inhalt flexibel
anpaßt, umschließen die beiden zugehörigen
div-Elemente das div-Element für den Inhalt.
Die reine Lehre der Trennung von Inhalt und Layout ist das nicht - perfekt läßt die sich bei aufwendigerem Layout ohnehin leider nicht realisieren. Jedenfalls mit CSS 3 wird alles besser werden, dort sind spezielle Anweisungen für Rahmen vorgesehen, so daß man es sich weitgehend sparen kann, seinen Quelltext zu vergurken. Abgerundete Ecken sind da vorgesehen und auch die Angabe von Bildern für Rahmen und sogar wie man es drehen kann, daß ornamentale Rahmen keine unangenehmen Schnittstellen zeigen - man darf gespannt sein - aber sind wir das nicht alle in Bezug auf CSS 3?
Nun die Kröte, die der Nutzer schlucken muß,
ist sehr klein, denn auch leere, verschachtelte div-Elemente
werden ansonsten ignoriert und stören auch mit
Textdarstellungsprogrammen und Vorleseprogrammen den
'Genuß' des Inhaltes nicht.