Ein Rahmen für Browserfenster (fast) jeder Größe

Hier hat sich gegenüber der vorhergehenden Seite eine ganze Menge geändert: Der Bereich hat einen festen Abstand von der Oberkante des Browsers bekommen (30px), eine relative Breite und einen relativen Abstand zum linken Rand (15%), so daß er immer in der Mitte des Fensters bleibt, und außerdem auch noch einen Rahmen. Da man Farbe, Strichart und Strichbreite für jede Seite getrennt angeben kann, ist es kein Problem, 3D-Effekte zu erzielen. Und Padding (hier 10px) sorgt dafür, daß der Text nicht am Rahmen klebt, sondern einen ordentlichen Abstand einhält.

Der <div>-Bereich bietet also ähnliche Formatierungsmöglichkeiten wie eine aus einer Zelle bestehende Tabelle - aber noch ein paar mehr, und außerdem die Möglichkeit zu einer höchst flexiblen Positionierung.

Aber den richtigen Spaß mit Bereichen hat man erst dann, wenn sie zu mehreren auftreten.

weiter