|
|||
floating menü eine zeile
Hallo Leute,
Ich habe da ein Problem, ich möchte die Navigation IMMER auf einer Zeile haben. In meinem Beispiel wird die Navigation auf mehrere Zeilen aufgeteilt, je nach Fenster Breite. Ich möchte das wenn der Platz nicht ausreicht der Scroll-Balken erscheint, nicht eine weitere "Zeile". Hat mir jemand einen Tipp ? Kurzfassung: TeSt Volle Seite: cmas TESTSEITE |
Sponsored Links |
|
|||
Ich würde so etwas nicht tun. Du kannst es zwar mit display:table-cell für LI und display:table für UL versuchen, aber so eine überbreite Tabelle dehnt das Layout nicht aus, du erhältst lediglich einen Scrollbar.
Du solltest dein Menü derart gestalten, dass der Umbruch ein normaler Vorgang ist (etwa bei Textzoom), der vom Layout verkraftet wird. |
Sponsored Links |
|
|||
Ebend. Aber probier es doch mal mit der table-cell/table combo aus, um was zu lernen. Dann wirst du sehen, dass nur das Menü nach rechts ausbricht. Das sieht grottig aus.
IE limitiert dein Ziel gewaltig. Man könnte hier (auch zu Lernzwecken) auf inline-block-Simulationen ausweichen (li {display:inline; zoom:1}), und versuchen, den Umbruch zu vermeiden (ul {white-space:nowrap}). Aber kein Mensch wird es mögen, nach rechts scrollen zu müssen, um einen Menüpunkt zu erreichen. Dein Menu umzubauen: Geh doch mal davon aus, dass du zwei Zeilen gestalten willst, und der Fall "nur eine Zeile" der Sonderfall ist. Wo könnten die zwei Zeilen nun noch hin? nach unten wachsen geht im Moment nicht, da der Header hier unflexibel ist. Vielleicht nach oben? Du bist der Designer, du bekommst das Geld. |
|
|||
Nun, glaube auch nicht, dass man das in 10 Minuten hinbekommt. Einen schönen Tag.
|
|
|||
Ich weiß nich, ob ich das richtig verstanden habe, aber...
...änder doch mal die breite von #nav von 100% auf ne konkrete Breite, die die Seite ungefähr füllt. Du kannst auch die gesamte Seite, wie z.B. beim Layout vonYouTube auf ein Element mit bestimmter Breite, z.B. 800px, packen (so machs ich immer). Dieses Element zentrierst du dann. (Wenn du's so machst, kann #nav auch 100% als Beite behalten) Ich hoff, das Hilft dir |
|
|||
eines muss ich hier mal wieder los werden
mit Tabellen wäre das nicht passiert..... Ihr habt mich wieder mal überzeugt keine Tabellen zu verwenden und siehe da ich kriege es nicht hin. Ich soll sogar ein anderes Layout erstellen nur das ich keine Tabelle brauche. Geht das nur mir so, oder kann das nicht der weg sein? |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Darstellungsproblem | flohpapa | CSS | 3 | 16.12.2009 09:55 |
Sitecheck für Urlaubsunterkunft in Kroatien | Miso | Site- und Layoutcheck | 11 | 19.10.2008 21:53 |
Festanstellung bei der Xing AG als Web Developer (HTML/CSS) | NEOX | Offtopic | 10 | 17.07.2008 18:11 |
Pre-Tag mit overflow: auto - Bug? (IE) | RomanM | CSS | 3 | 26.12.2007 19:21 |
Warnungen beim Validieren | Uschi | CSS | 2 | 23.09.2005 20:18 |