✔ Layout-Problem mit CSS bei IE8

[jdgf]

Hallo,

ich habe auf meiner Seite Sportnachrichten eingebaut und seitdem wird nur im IE8 die rechte Spalte nach unten verschoben. Im Link <a href.. ist eine Breite von 640px definiert; kann ich die für den IE zwingend abändern, da der Contentbereich nur 600px breit ist? Diese Breitenangabe in px finde ich nur im IE, in FF ist width=100% definiert.

Grundlayout:
http://www.dietmar-feuerer.de/

Problemlayouts (nur IE8):
http://www.kolping-hohenfels.de/sport-aktuell/fussball.html
http://www.kolping-hohenfels.de/sport-aktuell/tabelle-kreisklasse.html

Danke für die Hilfe!
Gruß
jdgf

 

[SpiceLab]

Im CSS ist meines Erachtens soweit alles in Ordnung.

Und was veranlasst dich zu der Aussage, das Layout-Problem bestünde nur mit IE8?

In Firefox, Opera, Safari, Google Chrome, usw. beobachte ich gleichermaßen, wie der rechte Spaltenblock #spalterechts unmittelbar an ihrem rechten Fensterrand hängt, blos nicht so weit unten, wie beim IE, der den Block dort beginnen lässt, wo #container höhenmäßig endet.

Hast da wohl nicht deinen HTML-Code auf mögliche (Syntax)Fehler abgeklopft und ihn vom W3C-Validator gegenzeichnen lassen?

Dann studier hier mal das Resultat für "fussball.html" und "tabelle_kreisklasse.html".

In der Fehler-Liste der beiden Dokumente finden sich auch jeweils zwei übereinstimmende Fehler: 71 bzw. 51 öffnende <div>-Tags stehen 73 bzw. 53 schliessenden </div>-Tags gegenüber, von denen jeweils mind. einer zwischendrin irgendeinen DIV-Block vorzeitig unerwünscht schließt, und somit der rechte Spaltenblock sich nicht mehr innerhalb seiner Eltern- /Großelternelemente befindet.

Firefox und sein Addon Firebug werden seit Jahren in einem Atemzug genannt, wenn Entwicklungsarbeit und Debugging auf der Agenda stehen. IE8 steht da funktionell mit seinem ab Werk mitgelieferten Entwicklertool (Aufruf per Taste "F12") eigentlich in nichts nach, um Ursachenforschung zu betreiben.

Wenn du darin die Kontur der Elementgruppe (= <div>) aktivierst, die einen farbigen Rahmen um die Boxen zieht, wird der Sachverhalt eigentlich recht schnell und deutlich sichtbar, dass sich #spalterechts außerhalb des Rahmens von #container am rechten Fensterrand befindet - man/frau beachte und vergleiche mit gesundem Augenmaß die Distanz der gegenüberliegenden Spalte #spaltelinks zum linken Rand im Viewport.

 

[jdgf]

Das stimmt, dass sich die Spalte rechts ausserhalb des Containers befindet. Dieser Fehler tritt aber nur auf diesen beiden Seiten auf.
Ich habe jetzt die rechten Module entfernt, so dass der Platz reicht.