Siechfred: img-link Bug im IE in Verbindung mit line-height

Beitrag lesen

Tag Tina.

Ich möchte mehrere Links auf zwei Zeilen verteilt darstellen. Die Links befinden sich jeweils in einem <div> und die Höhe der Links muss 17px sein und jeder Link muss einen rechten Rand haben. Die Höhe bekomme ich mit der css-Eigenschaft line-height (auf den Link angewendet) auch wunderbar hin.

Wieso nimmst du line-height? Da das DIV von Haus aus keine definierte Höhe hat, nimmt es sich soviel vertikalen Raum, wie der Inhalt erfordert, also 17px.

Sobald ich aber innerhalb eines Linkes ein image einfüge wird die line-height Eigenschaft aber nicht mehr angewendet.

Ist das Bild vielleicht höher als 17px (inklusive Außenabstände)? Ich bin zwar kein CSS-Experte, aber vielleicht hilft es, dem umgebenden DIV eine feste Höhe zuzuweisen und overflow auf »hidden« zu stellen. Zusätzlich könnte man dem IMG noch ein »border-style:none« verpassen sowie alle Außenabstände auf 0 setzen.

Vielleicht hilft's
Siechfred

--
»Sie kochten heimlich mit Wasser und tranken öffentlich Wein.«