line-height wird fehlerhaft dargestellt

[Gunnar Bittersmann]

Hello out there!

line-height:23px;
font-size:36px;

diese Angaben passen nicht zusammen und daher sollte line-height ignoriert bzw. auf den minimal möglichen Wert vergrößert werden.

Wie kommste darauf, dass das eine das andere beeinflussen sollte?

„Ist der Wert von 'line-height' kleiner als die Schriftgröße, ist die Höhe der endgültigen Inline-Box kleiner als die Schriftgröße und die dargestellten Glypen „laufen aus der Box heraus“. Berührt eine solche Box die Kante einer Zeilen-Box, fließen die dargestellten Glyphen auch in die benachbarte Zeilen-Box ein.“ [CSS2 §10.8.1]

Das ist auch in CSS 2.1 noch so. [CSS21 §10.8.1]

Und wo ich gerade in der Spec blättere: Wegen „'line-height' […] Vererbt: Ja“ traf mein Schuss ins Blue nicht ins Schwarze.

See ya up the road,
Gunnar