Css problem bei Ie9 ( nicht beta-version )

Ich habe diesen einfachen code in der css:

#main {
    height: 100%; 
    min-height: 500px;
    background-color:black;
    overflow: auto;

}

und diesem einfachen html-code:

<html>
<head>
<title>Benvenuti in Egnomia</title>
<link rel="stylesheet" type="text/css" href="./prova.css">
<body>
<div id="main">

</div>

</body>
</html>

Wenn ich die Größe der Fenster ie 9 Bildlaufleiste funktioniert nicht, die min-Höhe (auch für die Breite ) nicht aufeinander abgestimmt sind.

Warum? Auf chrome, firefox und alle anderen funktionieren!!

Was bedeutet "overflow: auto;" zu tun? Versuchen, Sie zu entfernen
Es scheint zu funktionieren, wenn Sie die Höhe festlegen der pixel-Wert. Weiß nicht, warum es nicht funktioniert mit Prozent. Ich habe set von html-und body-tags zu 100%, aber das machte nichts, wenn der main-div hat die Höhe festgelegt als Prozentsatz.
Die Suche nach "min-height "ie" wird eine Reihe von hacks, und Sie tun das hinzufügen min-height " - Effekt (hinzufügen Bildlaufleiste auf die Minimierung der browser), aber Sie scheinen zu ignorieren, 100% Höhe.

InformationsquelleAutor Giuseppe | 2011-06-21

css internet-explorer-9

1

Wenn Sie hinzufügen, die HTML5-Doctype dieses problem behoben ist.
```
<!DOCTYPE html>
<html>
<head>
<title>Benvenuti in Egnomia</title>
<link rel="stylesheet" type="text/css" href="./prova.css">
<body>
<div id="main">

</div>

</body>
</html>
```
IE9 rendert websites mit Kompatibilitäts-Modus, es sei denn, eine doctype erkannt wird.

Eigentlich, wenn Sie hinzufügen, die html5-doctype ist das Verhalten nur konsistent über die Browser, die es nicht tun, was Sie ursprünglich zu tun.

Beheben völlig fügen Sie die CSS-Datei
```
html, body
{
    width: 100%;
    height: 100%;
    margin: 0;
}
```
InformationsquelleAutor Adam Casey

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.