CSSの問題

I持ってCSSで、この単純なコード：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スクロールバーのサイズを変更する場合はdoesnの（幅の場合も）最小の高さは一致しません。

なぜですか？クロムでは、firefoxと他のすべてがうまくいく!!

出典

2011-06-21 Giuseppe

にこれを追加するには

"オーバーフロー：自動;"行う？ – Webars

高さをピクセル値に設定すると動作するようです。それがパーセンテージで動作しない理由を知らないでください。私はhtmlとbodyタグを100％に設定しましたが、main divの高さがパーセンテージとして設定されていれば何もしませんでした。 –

「min-height ie」を検索すると、ハックの数が増え、ブラウザを最小化するとスクロールバーが追加されますが、100％の高さは無視されるようです。 –

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は、doctypeが検出されない限り、互換モードを使用してウェブサイトをレンダリングします。

実際には、html5 doctypeを追加した場合、動作はブラウザ間で一貫しているだけで、最初に設定した動作は行われません。完全に修正CSSファイルは何

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

出典

2011-06-29 20:52:04

答えて

関連する問題