✔ Mal wieder IE (5, 5.5. und 6.0): Höhenproblem <div-Container>

[IndoorJo]

Hallo zusammen,

ich verzweifle so langsam, denn ich habe ein height-Problem mit den alten IE-Versionen.

Schaut mal bitte auf diese Seite. Leute mit den älteren IE-Versionen haben unter den Bildern noch einen ca. 3 bis 4 Pixel breiten, roten Rand. Der soll aber nicht da sein! Der übergeordnete div-Container ist einfach höher als die angegebenen 250px.

Ich habe schon etliches probiert, auch habe ich den div-Containern innerhalb des übergeordneten Containers schon ein padding:0; verpasst, aber das brachte auch nicht. Selbst die inneren Container inline zu behandeln bringt nichts.

Habt Ihr noch eine Idee?

BTW: Ich überprüfe immer mit browsershots.org

 

[Maik]

Hi,

statte die Grafikelemente mit "Block-Level-Charakteristika" aus, also:

#bildleiste a img {
   text-decoration: none;
   border: 0;
   display:block;
}

 

[IndoorJo]

Danke. Das war's. Ich verstehe zwar nicht warum das so klappt, wäre also auch gar nicht auf den display:block gekommen, aber vllt. kann mir das noch jemand erklären? Ich verstehe nämlich immer ganz gerne, was ich da mache

 

[Maik]

Die genannten IE-Versionen besitzen die schlechte Angewohnheit, die sog. "White Spaces" (Zeilenumbrüche, Tab-Einrückungen) im HTML-Code vor und/oder hinter dem <img>-Tag mit einer Lücke zum umschliessenden oder nachfolgenden Element zu quittieren.

 

[IndoorJo]

Alles klar, wieder etwas dazu gelernt. Danke.