Thema: Kompatibilitätsproblem bei IE mit CSS

Hallo,

die linke Modulspalte wird in der template.css bei mir folgendermaßen formatiert:

#modules_l {
margin-top: 5px;
border: 1px solid #000000;
padding: 0px;
text-align: left;
text-indent: 5px;
}

In Firefox und im IE8 wird die Modulspalte korrekt dargestellt. Gehe ich in den Kompatibilitätsmodus im IE8 (also Darstellung für ältere Browser), dann wird nur im obersten Modul mit text-ident nicht nur der Text eingerückt, sondern auch die Hintergrundfarbe des Moduls. Das hat zur Folge, dass der Hintergrund über den Modulrahmen hinausgeht. Bei allen weiteren Modulen in der Spalte wird hingegen nur der Text eingerückt, so wie es sein sollte.

Wird text-ident bei älteren Browsern nicht korrekt dargestellt? Gibt es Alternativen?

Bildausschnitt: siehe weiter unten!

Gruß!
JoomlaWunder

Ich probiers aber mal so und hoffe, dass ich auch ohne Screenshot behilflich sein kann.

Das gleiche Problem habe ich bei meinem Template auch gehabt. Im IE8 war die Anzeige ganz anders als beim IE7. Was habe ich gemacht ???

In der index.php des Templates solltest du im Head-Bereich folgende IF-Funktion einbauen:

"
<!--[if lte IE 7]>
<style type="text/css">
#modules_l {text-align: left; margin-right: 12px;}
</style>
<![endif]-->
"
Wenn der IE7 der Browser ist, werden die Eigenschaften von "modules_l" angepasst.

Bei meinem Problem hat mir das sehr gut geholfen und alles passt nun einwandfrei

Ich hoffe, dass es auch dir weiterhelfen wird

Grüße
Christoph

Danke! Das hilft mir schon mal etwas weiter. Dazu habe ich noch eine Frage.

Angenommen ich habe eine Formatierung wie im letzten Beitrag beschrieben in die index.php für den IE7 eingebunden, und in der template.css steht die gleiche Formatierung mit einem anderen Wert, welche Formatierung nimmt dann der Browser?

also z.B. in der index.php: text-indent: 5px;
und in der template.css: text-indent:10px;

Zur Veranschaulichung meines Grundproblems hier ein Bildausschnitt der linken Modulspalte. Die Verschiebung des Hintergrunds tritt immer nur im obersten Modul auf.
In der rechten Modulspalte habe ich das gleiche Problem mit dem obersten Modul: