IE: Abstände in Bilderliste

[Axel Richter]

Hallo,

Mich bringt seit ein paar Stunden der IE6 zum Verzweifeln. Im Gegensatz zu diversen Threads im Archiv ist das Problem hier nicht, daß zwischen den Listenpunkten ein Abstand bleibt, sondern daß jedes Bild mit einen Abstand zur Unterkante des umschließenden List Items versehen wird.

IMG-Elemente sind per default Inline-Elemente, die sich in den umgebenden Textkontext einfügen. Man kann sich das so vorstellen, dass sie, wie ein einzelnes Buchstabenzeichen in der Textzeile stehen. Das bedeutet, sie stehen vertical-align:baseline.

Wenn man das nicht will, gibt es zwei Möglichkeiten.

1. IMG-Elemente im Textkontext belassen und vertical-align:bottom stellen.

2. IMG-Elemente mit display:block oder float oder position:absolute ... aus dem Textkontext nehmen.

Methode 1 funktioniert manchmal (ich glaube, wenn IMG das einzige Element in einer TD ist) im IE nicht. In Deinem Fall funktioniert sie aber.

viele Grüße

Axel