IEでDIV絶対配置が機能しない

次のコードはIEでは機能しません。 DIVは、left:0pxとright:0pxに設定されているにもかかわらず、ページ全体には及ばない。 Body要素はデバッガに応じて大きな幅を持ちます。IEでDIV絶対配置が機能しない

なぜですか？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
    <title></title> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
</head> 
<body> 
    <div align="center" style="position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: red"> 
      Some text 

    </div> 
</body> 
</html>

出典

2011-12-28 Dims

wow。なぜあなたはこれをやっていますか？あなたの体を赤く設定してください。 lol –

これは実際の仕事の抽出です。 – Dims

ページ全体を使用したい場合。 width:100%とheight:100%

出典

2011-12-28 08:21:31

"left：0; right：0;"は左または右で、同じボトムと同じコンテナには使用できません。

この

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
    <title></title> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
</head> 
    <body> 
    <div align="center" style="position: absolute; left: 0; top: 0; background-color: red"> 
     Some text 

    </div> 
</body> 
</html>

出典

2011-12-28 08:22:27

これはfalseです。左と右を同時に使用することも、上と下を使用することもできます。これはコンテナ内のコンテンツのみを囲みます。このような宣言をする前にコードをテストしてください。 –

なぜIEがそれと動作しない間に 'left'と' right'を同時に使うことができるのですか？ – Dims

同じ容器に左右を入れる必要はありません同じ容器に左と右を使用すると、最初のものが上書きされます。なぜなら、私は同じ容器で左右を使うことができないと言った理由です。 –

を使って実際に、余白は必要ありません。ここでもIEで働いています！

position: absolute; width:100%;height:100%;background-color: red;

出典

2011-12-28 08:23:30

だから、 'right'はIEでは正しく動作しませんか？ – Dims

IEでDIV絶対配置が機能しない

答えて

関連する問題