Unterschiedliche Interpretation IE6 und IE7

[gaschdl]

Hi,
ich habe eine kleines CSS Problem (siehe Anhang).
In allen relevanten Browsern wird die Website richtig dargestellt lediglich der IE6 verschiebt den content div container ca 15px zu weit nach rechts, wodurch die Sidebar auch zu weit nach rechts kommt.

Ich kann es allerdings auch nicht mit z.b. " *margin.. " ausgleichen, da es im IE7 richtig dargestellt wird. Wo hab ich meinen Fehler gemacht?

Hier der CSS Code:

#contentbody {    width:772px;
        background-image:url(../img/content_mitte.jpg);
        float:left;
        padding:0;
    }

#content {    position:relative;
        width:500px;
        margin-left:18px;
        float:left;
        padding:0;
}    

#sidebar1 {    width:190px;
        margin:10px 0 0 30px;
        position:relative;
        float:left;
}

#contentbody umschließt den ganzen Inhalt.
#content ist der linke Inhalt,
#sidebar1 der rechte


ich hoffe ihr könnt mir helfen!
Danke, gaschdl

 

[neuroleptika]

Ich kann es allerdings auch nicht mit z.b. " *margin.. " ausgleichen, da es im IE7 richtig dargestellt wird. Wo hab ich meinen Fehler gemacht?

Wo der Bug liegt weiß ich nicht.
Aber du kannst die Internet Explorer 5 bis 6 mit dem Sternchenhack ansprechen ohne den IE7 zu ärgern:

*html #container {
margin: -15px;
}

Umgekehrt geht das mit * +html (lerrzeichen zwischen * und + nicht vergessen).

Oder mit Conditional Comments nur für Internet Explorer unter Version 7:

 <!--[if lt IE 7]>
 <style type="text/css">
@import url(style/style-ie6.css);
</style>
[FONT=Verdana] <![endif]-->[/FONT]

 

[gaschdl]

Ah super, naja wird wieder irgendwas komisches an dem IE6 sein.
Dank dir, ist zwar nicht unbedingt die feinste Art, klappt aber wunderbar. :)
Conditional Comments find ich immer bissl nervig.

grüße gaschdl