Hallo,

Ich habe ebenfalls ein Verständnisproblem:
Wenn der Link in einem Untermenu mehrzeilig wird (zb bei "Fluss"), so verschiebt es den nachfolgenden Link derart, daß dieser erst ab der letzten Zeile des Vorlinks beginnt.

testdatei

Nach langem Suchen und nur per Zufall bin ich darauf gekommen,
daß ein 'vertical: middle' für li ul li {...} die Fehldarstellung behebt.

Nun würde ich aber gerne wissen, wodurch die Fehldarstellung verursacht wurde, und wieso ausgerechnet 'vertical: middle' sie behebt.

Laut Spezifikation zentriert 'vertical: middle' ja den Inhalt innerhalb einer Zelle oder eines Inline-Elements. Nun ist für li ul li {...} aber 'display: inline-block' deklariert, somit dürfte 'vertical: middle' keine Auswirkung haben.
Hat es auch korrekterweise nicht, wenn es ums Zentrieren geht, aber seltsamerweise hat es Auswirkung auf die Position von LI.
Ich kann mir das nicht erklären.

Weiß einer von Euch Rat?


Grüße
gaby

Nein, nein. vertical-align zentriert vertikal die Inhalte einer Tabellenzelle in der Tabellenzelle oder inline-level Boxen auf einer Textzeile. Bei letzterem ist die Höhe der Textzeile für die Zentrierung von Bedeutung.

Zu den inline-level-Boxen zählen u.a. Elemente mit display: inline oder inline-block.

Die Basislinie (vertical-align: baseline; ist der Standardwert) des inline-blocks (letzte Zeile!) legt die Grundlinie der Textzeile fest (wie du siehst, befindet sich der letzte Teil von "ölk ölkölköölkök ölk ölkölk" auf der selben Höhe wie "Oder").

Wenn du einen IE hast, einfach die gesamte Seite markieren, dann kannst du vielleicht anhand der Markierung nachvollziehen, was ich meine.

Legst du nun einen anderen Wert für vertical-align fest (es muss nicht middle sein), wird dieser Umstand vermieden.

__________________
Über Internet Explorer 8:
Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt.
Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt.
Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt.
Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard.

Das ist mir bisher noch nie aufgefallen.
Manchmal merkt man erst spät, daß eine Deklaration unter bestimmten Bedingungen anders funktioniert, als man sie sich vor Jahren beim Lernen eingeprägt hat.

Danke, gato!

Grüße
gaby