お世話になります。早速ですが、以下のようなＨＴＭＬを記述しました。無題ドキュメント *{ margin:0px; padding:0px; } html,body{ height:100%; width:100%; background-color:#FFFFFF; } #up{ margin:0px auto; width:100px; background-color:#FFCCFF; } #dn{ height:5px; width:5px; background-color:#66FFFF; margin:0px auto; } 改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行改行が多数入っているので、表示させるとブラウザに縦スクロールバーが出現します。この状態ではdiv#bottommarginboxがページ最下部にくっついて表示されると予想していたのですが、WindowsXPのIE6とIE7ではいずれもdiv#bottommarginboxの下に謎の余白が発生します。ちなみにFireFox2、Opera9、Safari3ではいずれもこの事象は発生しませんでした。なんとなくＩＥのバグっぽくはあるのですが、対処方法などご教授いただければ幸いです。よろしくお願いします。

IE7は不明ですが、IE6での表示は一切再下段に余白は出ません。ソレ以上に可笑しいのはDOCTYPEでHTML 4.01を宣言してるのに改行をと何故記述してるのでしょうか？が正しいのですが？タグの間違い以上に改行がコレだけ在るHTMLはコーディングの面から見ても明らかに「異常」です。ラストのも何故div内に何も無いのでしょうか？

ページ下部のDIV要素下部に不要な余白

解決済

質問者：misshiki
質問日時：2008/05/19 15:08
回答数：2件

お世話になります。
早速ですが、以下のようなＨＴＭＬを記述しました。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>無題ドキュメント</title>
<style type="text/css">
*{
margin:0px;
padding:0px;
}
html,body{
height:100%;
width:100%;
background-color:#FFFFFF;
}
#up{
margin:0px auto;
width:100px;
background-color:#FFCCFF;
}
#dn{
height:5px;
width:5px;
background-color:#66FFFF;
margin:0px auto;
}

</style>
</head>

<body>
<div id="wrapper_out">
改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 
改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 
改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 
改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 
改行 改行 改行 改行 改行 改行 改行 改行 改行 改行 
</div>
<div id="bottommarginbox"></div>
</body>
</html>

改行が多数入っているので、表示させるとブラウザに縦スクロールバーが出現します。この状態ではdiv#bottommarginboxがページ最下部にくっついて表示されると予想していたのですが、WindowsXPのIE6とIE7ではいずれもdiv#bottommarginboxの下に謎の余白が発生します。
ちなみにFireFox2、Opera9、Safari3ではいずれもこの事象は発生しませんでした。
なんとなくＩＥのバグっぽくはあるのですが、対処方法などご教授いただければ幸いです。よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

No.2ベストアンサー

回答者： goldfox
回答日時：2008/05/20 01:23

IE6で確認してみましたが、空白は空きませんでした。

どこか無料サーバでの表示確認をしていますか？

例えば、geocitiesではページ下部に自動挿入広告のソースが入るので、1行空くことがあります。

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございます。
申し訳ございませんが、こちらで提示したＨＴＭＬソースが間違っておりました。本質問はいったん締切、あらためて質問しなおします。

通報する

お礼日時：2008/05/20 08:33

No.1

回答者： noname#100277
回答日時：2008/05/19 23:58

IE7は不明ですが、IE6での表示は一切再下段に余白は出ません。

ソレ以上に可笑しいのはDOCTYPEでHTML 4.01を宣言してるのに改行を と何故記述してるのでしょうか？
 が正しいのですが？

タグの間違い以上に改行がコレだけ在るHTMLはコーディングの面から見ても明らかに「異常」です。
ラストの<div id="bottommarginbox"></div>
も何故div内に何も無いのでしょうか？