2011-10-20 19 views
0

私は単純なHTML Webページを持っています。問題は、ページの冒頭にDoctypeを指定すると、私のスタイルシートの高さ:100%が機能しないということです。IE8 doctype宣言で100%の高さの問題

doctype宣言を削除すると、すべてが期待通りに機能します。だから誰もなぜこれが起こるか知っていますか?どんなDoctypeを使うべきですか?
私はまた、 "厳密な" DOCTYPE宣言を使ってみましたが、それと同じ問題がありました。 ありがとうございます。以下は

高さ完全なHTMLです:100%は動作しません:

<!DOCTYPE html PUBLIC "-//VYOM//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org /TR/xhtml1/DTD/transitional.dtd"> 
<html>  
<body> 
    <div style="background-color:red; height:100%;"> 
     testing 123... 
    </div>  
</body> 

私はDOCTYPEを削除する場合、期待どおりDIVが利用できる高さの100%を占めている:

<html>  
<body> 
    <div style="background-color:red; height:100%;"> 
     testing 123... 
    </div>  
</body> 
</html> 
+0

DOCTYPEの問題を簡単に説明します。 http://stackoverflow.com/a/32215263/3597276 –

答えて

3

追加:

body, html { 
    height:100% 
} 
+0

私は受け入れられた回答が少なくとも説明を提供することを誰もが拒否してもらいたいと思います。 –