Lukas Froschauer: CSS: div-Probleme im IE...

Hallo!

Diese Seite (http://www.pollham.at/new/) wird im Firefox richtig angezeigt, im Internet Explorer jedoch nicht.

Meine CSS-Datei:

html{
height:100%;
margin:0px;
padding:0px;
}

body{
margin:0px;
padding:0px;
height:100%;
}

#header{
width:100%;
height:20%;
min-height:20%;
background:#dab064;
padding:0;
margin:0;
border:0px;
}

#navi{
background:#970000;
width:15%;
height:80%;
min-height:80%;
margin:0px;;
padding:0px;
float:left;
}

#title{
background:#800000;
width:85%;
height:10%;
min-height:10%;
margin-left:15%;
}

#content{
background:#DCD6BE;
width:85%;
height:70%;
min-height:70%;
margin:0 0 0 15%;
}

body>#header,#navi,#title,#center{
height:auto;
}

...Und die dazugehörige HTML-Datei (body):

(...)
<body>
<div id="header">Header</div>
<div id="navi">Navigation</div>
<div id="title">Titel</div>
<div id="content">Inhalt</div>
</body>
(...)

Und noch eine Frage: Ich möchte, dass der Navigationsbereich rechts, im Gegensatz zu den übrigens divs, unveränderlich ist und nicht auf Größenänderungen des Fensters reagiert... Wie geht das?

LG
Lukas

  1. Hallo!

    der IE versteht dieses nicht:

    body>#header,#navi,#title,#center{
    height:auto;
    }

    ausserdem interpretiert die Maßangaben von
    width und height in Verbindung mit margin, padding und border

    so auf seine Weise.

    Und schließlich hat er Probleme mit der Prozentrechnung, er weiss oft nicht, was als 100% anzusehen ist.

    Kalle