CSS-basierte Layouts

Navigation rechts und umflossen

In dieser Beispielseite ist das CSS nur geringfügig geändert.

Die Navigation ist mit float:right ausgerichtet und wird über margin-left und margin-bottom auf Abstand zum Inhaltsbereich gehalten.

Der Inhaltsbereich hat kein margin mehr und umfließt die Navigation, wodurch sich auch der 3px-Bug des Internet Explorers nicht mehr negativ auswirkt. Die Breite des Inhaltsbereichs ist wie im vorigen Anzeigebeispiel nicht festgelegt, so dass sich die Seite dem zur Verfügung stehenden Anzeigebereich anpasst, diesen optimal ausnutzt und horizontales Scrollen vermieden wird. Verkleinern Sie Ihr Browserfenster, um die Flexibilität dieser Seite zu testen.

zurück

a href="../mehrspaltige.htm#zweispaltig_rechts">zurück