Unterschiedliche Breite IE6 / IE7
Hallo miteinander
Mit dem IE6 und IE7 habe ich in folgendem Beispiel meine Mühe.
Beschreibung/Code:
Ich habe einen Gesamtrahmen:
#gesamtrahmen {
width: 1500px;
height: 820px;
float: left; }
und in diesem Rahmen zwei weitere DIVS, nebeneiner:
#navi {
width: 164px;
height: 820px;
background-color: #000000;
background-image: url(navi.jpg);
background-repeat: no-repeat;
float: left; }
#spalte_gross {
width: 730px;
height: 820px;
background-color: #FFFFFF;
background-image: url(spalte_gross.jpg);
background-repeat: no-repeat;
float: left; }
Das Bild spalte_gross.jpg ist tatsächlich 170px breit, der rest ist weisser Hintergrund.
Im DIV spalte_gross ist wiederum ein div, in diesem kommt ein textinhalt:
#spalte_gross_inhalt {
width: 500px;
margin: 30px 30px 0px 200px;
float: left; }
Problem:
Der weisse Hintergrund im IE7 ist so wie ich ihn möchte: 560px breit, im IE6 jedoch 790px. Wie kommt er auf diesen Unterschied? Oder die bessere Frage, was muss ich tun, damit der weisse Hintergrund wirklich nur 560px ist??
Wäre super, wenn ihr wüsstet woran das liegt!
Merci viemal + liebe Grüsse
Matthias
|