Falschanzeige durch IE 6

[andlinga]

Hallo...
Ich bin Admin der Seite LJ Sankt Agatha - Startseite
Ich habe ein Problem auf der Startseite.
Ihr werdet es gleich erkennen.
Denn jeder Browser auser der Internetexplorer IE 6 stellt es richtig dar.
Bitte um Hilfe....
Danke im voraus

mfg andlinga

 

[fiedel]

Hmm... Leute, die keinen IE 6 auf dem Rechner installiert haben tun sich schwer, dir bei dem Problem zu helfen! Am besten wäre ein Screenshot oder eine genaue Beschreibung! ;-)

Zunächst mal ist der Quellcode nicht valide! Muss aber kein Grund für die falsche Darstellung sein, denn der IE kommt oft auch nicht mit validen Quellcodes zurecht!
Du könntest evtl. über Conditional Comments schauen, was der IE6 annimmt!
Conditional Comments: Browserweiche und Browserunterscheidung für Internet Explorer - Conditional Statements

 

[neuroleptika]

Das <img> (/images/banner_news.jpg?1211718453) ist mit 915px zu breit.
Der ganze container wird im IE6 auseinandergedrückt.
Wenn du den blauen Streifen abschneidest passt es genau (900px).
Den Streifen braucht das Img nicht. Der rechte Rahmen ist im bg schon enthalten.

Die doppelte Linie über dem Content kannst du abschalten in dem du repeat auf no-repeat setzt.
Woher der IE den Platz zur Wiederholung nimmt, habe ich nicht untersucht.

template_css.css (line 64 )

div#main_top {
background:transparent url(../images/content_wide_top.png) [COLOR=DarkRed]no-repeat[/COLOR] scroll 0 0;
height:8px;
width:670px;
}

Die doppelte, untere Linie kannst du auf die gleiche Art entfernen.

 

[andlinga]

beim div#main_bottom funktionierts leider nicht :-(

 

[neuroleptika]

div#main_bottom {
background:transparent url(../images/content_wide_bot.png) no-repeat scroll 0 0;
height:8px;
width:670px;
[COLOR=DarkRed]font-size: 0px;[/COLOR]
}

Anstelle von font-size:0px; könntest du auch overflow:hidden schreiben.
Das <div> ist damit wirklich nur 8px hoch. Der IE6 drückt Blockelemente je nach Inhalt auseinander (ähnlich wie min-height bei modernen Browsern).
Bei #div_main_top viel das nicht auf weil die Hintergrundgrafik vom Elternelement durchscheint.
Im #div_main_bottom soll kein Platz für die darunterliegende Grafik sein.