Info-Box

Auch wenn diese Info- Box am Bildschirm als letzte angezeigt wird, ist sie im Quelltext vor dem im Fluss belassenen Inhaltsbereich zu notieren.

Dadurch, dass für den Inhaltsbereich kein float definiert ist, kann auf die Angabe einer Breite verzichtet werden und die Seite den ihr zur Verfügung stehenden Raum ausnutzen.

Diese Methode, ein Element im Fluss zu belassen und dadurch auf eine Breitenangabe verzichten zu können, hat außerdem den Vorteil, Abweichungen durch das falsche Box-Modell des Internet Explorers auszugleichen.

CSS-basierte Layouts

3-spaltiges Layout

In diesem Beispiel ist die Breite der Navigation etwas reduziert, um einer zusätzlichen Info-Box an der rechten Seite Platz zu machen; die Schriftgröße der Navigation und Info-Box ist etwas verringert, um den relativ geringen Breiten Rechnung zu tragen.

Nur für die äußeren Boxen ist eine Breite und float angegeben. Durch die Angabe der Breiten relativ zur Schriftgröße in 'em' können sich die Boxen einer Änderung des Schriftgrades anpassen.

Dieser mittlere Inhaltsbereich wird über seitliches margin auf Abstand gehalten und passt sich flexibel an die Fensterbreite an.

zurück