Css проблема на Ie9 (не бета-версия) - PullRequest
Новая
       0

Css проблема на Ie9 (не бета-версия)

1 голос
/ 22 июня 2011

У меня есть этот простой код в CSS: 

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

}

и этот простой HTML-код: 

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

</div>

</body>
</html>

Если я изменяю размер окна, т.е. полоса прокрутки 9 не работает, минимальная высота (также для ширины) не совпадает.

Почему? На chrome, firefox и всех остальных работает нормально !!

1 Ответ

1 голос
/ 30 июня 2011

Если вы добавляете HTML5 Doctype, эта проблема исправлена. 

<!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 отображает сайты в режиме совместимости, если не обнаружен тип документа.

На самом деле, если вы добавляете тип документа html5,Поведение в разных браузерах одинаково, оно не выполняет то, что вы изначально намеревались делать.

Чтобы полностью исправить это, добавьте это в файл CSS 

html, body
{
    width: 100%;
    height: 100%;
    margin: 0;
}
...