Diese responsivie Seite zeigt ein Beispiel einer Navigationsleiste im rechten Bereich.
Das linke Textfeld steht auf 50% Breite, die Navi auf einer Minimal-Breite von 30%. Beide Textfelder haben ein Padding-Left von 50px.
Schiebt das Browser-Fenster langsam zusammen, um diesen Effekt zu sehen. Die Navi wird sich unter diesen Text und vor das Bild schieben.
Auch Bilder werden entsprechend der Bildschirmauflösung verkleinert.
Auf dieser Seite sind alle Bereiche für mobile Geräte optimiert und in Prozent angegeben.
Diese Seite hat nur einen Layoutbereich. Bitte guckt Euch auch meine responsive Seite mit zwei Layoutbereichen an.
Bild von bilder.n3po.com
Diese responsive Website ist für mobile Geräte optimiert,
was Ihr am Link unten testen könnt.