Horizontales Menü, dass beim Ranzoomen keinen Textumbruch macht

[Postpunker]

Hallo,

ich habe mir nun endlich ein Menü zusammenschreiben können und würde nun gern wissen, wie ich es schaffe, dass das Menü, wenn ich näher heranzoome nicht einfach umbricht. Oder besser. Wie schaffe ich es, dass mein Menü ungefähr gleich aussieht auf den üblichen Computerbildschirmen?

Bin da irgendwie ratlos...

 

[Tr3icio]

AW: Horizontales Menü, dass beim Ranzoomen keinen Textumbruch macht

Das hat mit dem zoomen gar nichts zu tun ^^
Beim zoomen wird alles vergrößert, das heißt aus 12px wird z.B. 14px, usw.

Du müsstest deinen Browser vergrößern / verkleinern für andere Auflösungen.
Und sagen wir es so: Man sagt optimal, sodass man es auch auf Tablets sehen kann, sind etwa 970 - 1000 Pixel, aber da hat jeder selbst zu entscheiden. Wenn es dir nicht um mobile Geräte geht, kannst du auch 1200px breite nehmen.

 

[Postpunker]

AW: Horizontales Menü, dass beim Ranzoomen keinen Textumbruch macht

Muss ich dann den Body einfach auf 970 px setzen?

 

[Tr3icio]

AW: Horizontales Menü, dass beim Ranzoomen keinen Textumbruch macht

Den body ändert man nie von der breite!
Weil der body ist die Seite (html und head werden vom browser nicht dargestellt).
Du machst einen Container um deinen Inhalt (z.B. nen div) und änderst dessen breite.

 

[Postpunker]

AW: Horizontales Menü, dass beim Ranzoomen keinen Textumbruch macht

Aber wie bekomme ich jetzt einen durchgängigen balken hin, der mir als menü dient? Wie z.B. bei Twitter?

Ich hab mir jetzt einen Div Container aufgezogen, aber auf 100% im Browser ist der nicht durchgängig.

 

[Postpunker]

AW: Horizontales Menü, dass beim Ranzoomen keinen Textumbruch macht

Aber wie schaffe ich ein horizontales Menü, dass sich nicht einfach umbricht, wenn ich meinen browser verkleinere? Ich möchte einfach, dass mein Menü von der Struktur her gleich bleibt. Nur, dass die einzelnen Elemente näher aneinander heranrücken.