IE 9 fügt 1px auf Seitenbreite am Ende der Seite ein

[ThomasG]

Hallo,

Wer kann mir bitte helfen?

Ich habe eine Webseite mit Header, 3 Spalten und Footer welche bis auf das nachfolgendes Phänomen in allen Browsen IE 6 bis 8, Firefox usw. einwandfrei funktioniert nur eben nicht im IE9.

Das Problem ist folgendes: beim IE9 wird auf der ganzen Seitenbreite eine Linie von 1px Höhe in der Farbe vom Body (diese Farbe wird sonst nirgendwo anders verwendet) am unteren Ende eingefügt, wenn für <h1> und <h2> Jpg-Dateien hinterlegt sind. Nimmt man stattdessen für die Überschriften Text oder ersetzt die Auszeichnungen <h1> und <h2> zu <p>, so tritt dieses Problem nicht mehr auf.

Hier habe ich den Code für die Grafikdateien beigefügt, welcher sich in der mittleren Spalte befindet:

<div"><!-- Anfang - Content -->
    <h1 id="start_titel"><img src="images/titel0001.jpg"></h1>
    <h2 id="start_text"><img src="images/text0002.jpg"></h2>
    <p id="start_foto"><img src="images/foto0002.jpg"></p>
</div><!-- Ende - Content -->

Welche Ursache könnte dieses Problem haben und warum tritt es nur im IE9 auf?

Danke schon mal im voraus für die Unterstützung

Gruß
Thomas

[ChrisB]

Hi,

Welche Ursache könnte dieses Problem haben

Klingt nach dem typischen Unterlängen-Problem.
display:block für die bilder sollte helfen.

und warum tritt es nur im IE9 auf?

K.A., ob du im Quirks- oder irgendeinem Kompabilitätsmodus bist, geht aus deinem Minimalcodeschnippsel nicht hervor.

MfG ChrisB