nickyname: Textumbruch-Probleme bei horiz. Liste mit "display:inline;"

SELF-Forum

Textumbruch-Probleme bei horiz. Liste mit "display:inline;"

nickyname
– Informationen zu den Bewertungsregeln

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!
|                              |
|                              |
--------------------------------

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Textumbruch-Probleme bei horiz. Liste mit "display:inline;"

    imho_tep
    – Informationen zu den Bewertungsregeln

    Hallo nickyname,

    ich habe versucht, Dein Problem nachzuvollziehen.
    Bei bricht der FF2* und der IE7 sauber um, selbst bei bspw. 3em.
    Poste doch mal Deinen Quelltext.

    Best wishes, imho_tep

    --
    HAL 9000: Ich fürchte, wir haben ein Problem, Dave.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Textumbruch-Probleme bei horiz. Liste mit "display:inline;"

      nickyname
      – Informationen zu den Bewertungsregeln

      Hallo imho_tep,

      habe das Problem gerade selbst behoben.
      Ich benutze ein CMS-System (=Programm, was aus Deinen Eingaben automatisch
      Webseiten erzeugt). Dieses hat nun den Html-Code ohne die nötigen
      Leerzeichen dazwischen erstellt. Nachdem ich die nötigen Leer- bzw.
      Whitespaces dazwischen nachträglich eingefügt hatte, lief alles perfekt.

      CMS-System produzierte folgenden Mist:

      ...<li>Startseite</li><li>Aktuelles...

      Erst damit funktionierte es:

      ...<li>Startseite</li> <li>Aktuelles...
                            ^
                            '-- Leerzeiche dieser Art fehlten überall!

      Etwas seltsam ist dieses Fehlverhalten meiner Meinung nach schon, da der
      Html-Code ohne Whitespaces doch trotzdem syntaktisch korrekt ist, oder?
      Vielleicht Browser-Bug vom Firefox?

      Bin auf jeden Fall überglücklich, daß ich den Fehler beheben konnte!
      Vielen Dank nochmals für Deine Mühe!

      nickyname

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Textumbruch-Probleme bei horiz. Liste mit "display:inline;"

        MudGuard Homepage des Autors
        – Informationen zu den Bewertungsregeln

        Hi,

        Nachdem ich die nötigen Leer- bzw.
        Whitespaces dazwischen nachträglich eingefügt hatte, lief alles perfekt.

        zwischen inline-Elementen wird Whitespace (auf ein Leerzeichen reduziert) dargestellt.
        Zwischen block-level-Elementen wird Whitespace ignoriert.

        Etwas seltsam ist dieses Fehlverhalten meiner Meinung nach schon,

        Es handelt sich nicht um Fehlverhalten.

        da der
        Html-Code ohne Whitespaces doch trotzdem syntaktisch korrekt ist, oder?

        Korrekt ist das HTML mit oder ohne die Whitespaces.
        Aber wie oben bereits erwähnt hat Whitespace durchaus unter bestimmten Voraussetzungen einen Einfluß auf die Darstellung.

        Vielleicht Browser-Bug vom Firefox?

        Nein, definitiv nicht.

        cu,
        Andreas

        --
        Warum nennt sich Andreas hier MudGuard?
        O o ostern ...
        Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln