Wie IE kompatibles CSS ?

[Mauki]

Ich habe das Problem das bei meier Webseite im IE zwischen meiner Navigation links (box3) und dem Content (box4) immer der Hintergrund durchkommt. Bei anderen Browsern tritt das Problem nicht auf. Wie kann man das beheben ?

Webseite

#container {
    width: 968px;
    }

.box2{
    padding:5px 20px 5px 5px;
    background-color: #5B91AD;
    text-align: right;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    }

.box3{

    padding-right: 2px;
    padding-bottom: 10px;
    padding-left: 2px;
    float:left;
    width:160px;
    height: 565px;
    background-color: #5B91AD;
    }

.box4{
    float:none;
    padding:15px 20px 10px 25px;
    height: 550px;
    margin: 0px 0px 0px 165px;
    line-height: normal;
    text-align: justify;
    background-color: #FFFFFF;
    }

 

[Jantxu]

Hallo, ich kann das leider gerade mit dem IE nicht testen, aber vielleicht solltest du den verschiedenen Boxen mit Hilfe von z-index verschiedene Ebenen zuweisen, so dass der Hintergund immer von der Navigation überlagert wird und somit nicht mehr durchscheint.

http://de.selfhtml.org/css/eigenschaften/positionierung.htm

 

[Mauki]

Ist z-index nicht eher für überlappenden Boxen gedachte ?

 

[Nogger]

Benutze zuerst einmal einen DOCTYPE, der den Standardmodus auslöst statt den "wir simulieren die Darstellungsfehler der Vorversionen"-Quirksmodus.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

ist meine Empfehlung.