Line-Height

[Elli]

Hi,

ich habe unter anderem auch einen Link als display: block formatiert, mit
Hintergrund und Text darin. Damit es gut aussieht, wurde die line-height erhöht,
mit Padding der Innenabstand definiert, usw. usf. Beim FF passte es auf
Anhieb, beim IE war eine Lücke zwischen Hintergrund und Border. Nach hin
und her testen kam ich darauf, dass einfach der untere Paddingabstand zu
hoch war. Nach Änderungen bei padding-top/bottom und analog dazu der
height, passte es dann in beiden Browsern. Trotzdem meine Frage dazu, wer
hier falsch rendert, denn wenn die line-height ihre standardmäßige Höhe hat,
tritt das Problem nicht auf?!


Danke
Elli

[ingo]

moinsen,

Trotzdem meine Frage dazu, wer
hier falsch rendert, denn wenn die line-height ihre standardmäßige Höhe hat,
tritt das Problem nicht auf?!

es gibt genau drei antwortmöglichkeiten auf deine frage, wie nahezu bei allen fehldarstellungen:

1. der Internet Explorer
2. der IE
3. der browser von microsoft

die zeilenhöhe regelt, wie gesagt, die zeilenhöhe des im element enthaltenen text. bei einem blockelement, oder halt bei einem per display:block dazu formatiertem element, kommt die innenauffüllung ergänzend dazu.

d.h.: zeilenhöhe + padding = tatsächliche höhe

der ie bezieht die zeilenhöhe von "nachformatierten" elementen aber nicht nur auf den text und stolpert dabei. frei nach dem motto:

die zeilenhöhe ist genau festgelegt und jetzt soll ich noch innen auffüllen. hm, was mach ich da?! naja, wenn der text die höhe der zeile haben soll, bastel ich den rest unten drunter...

bei natürlichen blockelementen treten diese fehldarstellungen nicht auf.

[Elli]

Ah, ok. Dachte ich mir schon fast. Dann hoffen wir mal, dass der IE7 das laufen gelernt hat