Peter Thomassen: img-Style vertical-align: middle wird ignoriert (Mozilla)

Beitrag lesen

Hi kerki,
danke für deine Antwort.

Vielleicht siehst du ja den Unterschied, wenn du mal
http://asc0000.calibra-web.de/ und
http://asc0000.calibra-web.de/?top=1 vergleichst.

Ja, diesen Unterschied sehe ich deutlich. Allerdings hast du auch gefudelt. Im ersten Fall hast du kein 'vertical-align' festgelegt,

Und vorhin hast du noch an meinem CSS-File rumgemeckert :)) Da
steht's drin, in ...?top=1 wird der Wert mit einem individuel-
len style-Attribut nochmal mit top überschrieben. Und da liegt
der Haken: middle wird als baseline angezeigt, und top|bottom
als middle! Ist das bei dir genauso? middle als baseline, darum
geht es!
Ich glaube nämlich, dass das bis vor ein paar Tagen noch richtig
ging, und zwar, bis ich das Menü und die Überschrift auf
position: fixed gesetzt habe. Ich habe schon getestet, beides
auf absolute zu setzen, aber das hilft nicht. Andererseits habe
ich keinen Bock, das alles wieder zurückzubasteln ... Mal gu-
cken, ob ich heute auf unserem Puretec-Account noch ein Backup
finde ...

wodurch der default-Wert: 'baseline' angenommen wird. Hierdurch wird scheinbar die gesamte Zeile höher als per 'line-height' ursprünglich festgelegt.

s.o.

[...]

100% schlau werde ich aus der Spezifikation zu "vertical-align:middle" ohnehin nicht:

"Align the vertical midpoint of the box with the baseline of the parent box plus half the x-height of the parent."
(Quelle: http://www.w3.org./TR/CSS2/visudet.html#propdef-vertical-align)

Wer oder was ist hier mit 'x-height' gemeint?

Keine Ahnung. Ist da vielleicht eine Skizze dabei, wo das ge-
zeigt wird?

Ich könnte mir durchaus vorstellen, dass es hier bei kleinen Größen (11px, 17px) zu Rundungsfehlern kommen könnte. Die minimalen Unterschiede, die ich sehen konnte (1-2 px) deuten darauf hin.

Oder einfach, dass es an baseline und nicht middle ausgerichtet
wird, obwohl ich middle angegeben habe!!
AFAICR [1] ging das noch vor ein paar Tagen. Der IE macht's
auch richtig (komisch). Jetzt meine Frage: Wird es bei dir mit
oder ohne ?top=1 richtig angezeigt?

In meinen Augen ist der Unterschied in der Darstellung bei 'vertical-align:middle;' aber durchaus zu verschmerzen. Bei einem direkten Vergleich mit mehreren Browsern fällt er zwar auf, aber wer guckt sich eine Webseite schon mit mehreren Browsern an? Außer uns hier! ;-)

Dem normalen Surfer fällt nicht der Unterschied zwischen den
beiden Browsern auf, sondern die Ausrichtung an baseline, und
die ist IMHO wirklich sehr unschön!

Danke für deine Hilfe,
Peter