nicht angemeldet
Hallo,
ich habe ein horizontaler Navigationsmenü (eine ungeordnete Liste mit "display:inline;").
o Die Liste ist in einem <div> enthalten, dessen Elternelement <body> ist.
Der <div> hat links & rechts einen Außenabstand(margin) von 2%.
o Die <li>'s haben nach allen Seiten einen Innenabstand(padding) von 5px
und einen Außenabstand(margin) von 0px.
Problem:
Ich stelle die Schriftgröße schrittweise immer größer ein.
Zuerst bricht die horizontale Liste auch wie gewollt SAUBER um (s.u. "Bild a").
Ab einer bestimmten Schriftgröße bricht die Liste zwar immer noch um, aber nicht mehr
"sauber" - wie in "Bild b" zu sehen ist.
Hat "display:inline;" kein sauberes Fließverhalten wie "float" oder woran liegt das?
Vielleicht weiß ja einer von Euch wie man dieser Liste ein korrektes "Fließverhalten"
beibringt.
Viele Grüße!
nickyname
-----------------------------------Die Bilder:-----------------------------------------
Bild a:
-------------------------------------------------| Die gestrichelte Linie
| Punkt_eins Punkt_zwei Punkt_drei Punkt_vier | beschreibt den sichtbaren
| | Bildschirmbereich !!!
| |
| |
--------------------------------------------------
--------------------------------------
| Punkt_eins Punkt_zwei Punkt_drei |
| Punkt_vier | sauberer Umbruch!
| |
| |
--------------------------------------
Bild b:
--------------------------------
| Punkt_eins Punkt_zwei Punkt_drei
| Punkt_vier | unsauberer Umbruch!
| |
| |
--------------------------------
MudGuard