Hallo,
ich habe ein kleines Problemchen mit der Darstellung des folgenden Codes im IE. Mit Mozilla und FF sieht alles in Ordnung aus, daher denke ich es liegt wohl am IE.
HTML (valid laut w3.org):
QUOTE <div class="navi">
<div class="navi_kante_oben"></div>
<div class="navi_kategorien1"></div>
<div class="navi_kategorien2">
</div>
<div class="navi_neu1"></div>
<div class="navi_neu2">
</div>
<div class="navi_kante_unten"></div>
</div>
CSS (valid laut w3.org):
QUOTE .navi { position:absolute; top:190px; left:0px; width:150px; background-image:url('grafiken/br4.gif' background-repeat:repeat-y; padding:0px; margin:0px;}
.navi_kante_oben { width:150px; height:15px; background-image:url('grafiken/grafiken-navi-kante-oben.gif' background-repeat:no-repeat; padding:0px; margin:0px;}
.navi_kategorien1 { width:150px; height:30px; background-image:url('grafiken/grafiken-kategorien.gif' background-repeat:no-repeat; padding:0px; margin: 10px 0px 0px 0px; }
.navi_kategorien2 { width:150px; padding:0px; margin: 5px 0px 0px 0px; background-image:url('grafiken/br4.gif' background-repeat:repeat-y;}
.navi_neu1 { width:150px; height:30px; background-image:url('grafiken/grafiken-neu.gif' background-repeat:no-repeat; padding:0px; margin: 20px 0px 0px 0px; }
.navi_neu2 { width:145px; padding:0px; margin: 5px 0px 0px 0px; background-image:url('grafiken/br4.gif' background-repeat:repeat-y;}
.navi_kante_unten { width:150px; height:15px; background-image:url('grafiken/grafiken-navi-kante-unten.gif' background-repeat:no-repeat; padding:0px; margin: 10px 0px 0px 0px; }
Das Problem sieht folgendermaßen aus im IE wird unter der untersten Navi Kante (.navi_kante_unten) noch einmal das background-image von .navi angezeigt. Sprich der unterste div sitzt im IE nicht am unteren Ende des gesamten divs.
Kennt da jemand eine Lösung, ggf. auch wie man die divs anders setzen könnte?
vielen dank
gruß
Tim
ich habe ein kleines Problemchen mit der Darstellung des folgenden Codes im IE. Mit Mozilla und FF sieht alles in Ordnung aus, daher denke ich es liegt wohl am IE.
HTML (valid laut w3.org):
QUOTE <div class="navi">
<div class="navi_kante_oben"></div>
<div class="navi_kategorien1"></div>
<div class="navi_kategorien2">
</div>
<div class="navi_neu1"></div>
<div class="navi_neu2">
</div>
<div class="navi_kante_unten"></div>
</div>
CSS (valid laut w3.org):
QUOTE .navi { position:absolute; top:190px; left:0px; width:150px; background-image:url('grafiken/br4.gif' background-repeat:repeat-y; padding:0px; margin:0px;}
.navi_kante_oben { width:150px; height:15px; background-image:url('grafiken/grafiken-navi-kante-oben.gif' background-repeat:no-repeat; padding:0px; margin:0px;}
.navi_kategorien1 { width:150px; height:30px; background-image:url('grafiken/grafiken-kategorien.gif' background-repeat:no-repeat; padding:0px; margin: 10px 0px 0px 0px; }
.navi_kategorien2 { width:150px; padding:0px; margin: 5px 0px 0px 0px; background-image:url('grafiken/br4.gif' background-repeat:repeat-y;}
.navi_neu1 { width:150px; height:30px; background-image:url('grafiken/grafiken-neu.gif' background-repeat:no-repeat; padding:0px; margin: 20px 0px 0px 0px; }
.navi_neu2 { width:145px; padding:0px; margin: 5px 0px 0px 0px; background-image:url('grafiken/br4.gif' background-repeat:repeat-y;}
.navi_kante_unten { width:150px; height:15px; background-image:url('grafiken/grafiken-navi-kante-unten.gif' background-repeat:no-repeat; padding:0px; margin: 10px 0px 0px 0px; }
Das Problem sieht folgendermaßen aus im IE wird unter der untersten Navi Kante (.navi_kante_unten) noch einmal das background-image von .navi angezeigt. Sprich der unterste div sitzt im IE nicht am unteren Ende des gesamten divs.
Kennt da jemand eine Lösung, ggf. auch wie man die divs anders setzen könnte?
vielen dank
gruß
Tim