思想IE 8はボックスモデュールを正しく解釈します...私は何かが欠けていますか？

IE 8で表示されるものはW3C Box Modelに関するものですが、認識していないと思いました。私は効果的に772ピクセル幅（800ピクセル幅の画面のビューポート用に最適化しようとしています）のコンテンツにグローバルラッパーを使用したいが、それぞれ20ピクセルの内側パディングを与えます。次のスニペットのように見えるでしょうか？思想IE 8はボックスモデュールを正しく解釈します...私は何かが欠けていますか？

#content { 
     padding: 20px; 
     width: 772px; 
     left: 50%; 
     margin-left: -386px; 
} 
/* IE 7 */ *:first-child+html #content { width: 732px; }

どういうわけか...助けてください！私はこのIE全体を完全に混乱させています。 IE 8の定義は通常のブラウザと同じように設定する必要があると思いましたが、パディング値は要素の幅を広げます。私は何が欠けていますか？ DTDが問題になることはありますか？次のように私は移行タイプを使用します。事前に

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
    "http://www.w3.org/TR/html4/loose.dtd">

おかげで、フランク

出典

2012-03-26 Circuit Circus

jsfiddle – Jack

あなたは、ビューポートにラッパーを中心にしようとしていますか？この作業を行います。

#content { 
     padding: 20px; 
     width: 772px; 
     margin: auto; 
     -ms-box-sizing: border-box; 
     box-sizing: border-box; 
    }

は、私の知る限りでは、標準のサイジングモデルは非常に直感に反する内容モデルで、あなたはそれがボックスモデルであることを取得するためにbox-sizingルールを設定する必要があります。

http://quirksmode.org/css/box.html

出典

2012-03-26 12:27:18 Anthony

どうもありがとう、アンソニーにこのコードを入れて！中心の位置決めは問題ではなく、要素の正確な幅であった。本当にこの「箱サイズ」のことは全く知らなかったが、完璧に助けてくれる！ –

思想IE 8はボックスモデュールを正しく解釈します...私は何かが欠けていますか？

答えて

関連する問題