- 締切済み
ページ下部のDIV要素下部に不要な余白
お世話になります。 早速ですが、以下のようなHTMLを記述しました。 <!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"> 改行<br />改行<br />改行<br />改行<br />改行<br />改行<br />改行<br />改行<br />改行<br />改行<br /> 改行<br />改行<br />改行<br />改行<br />改行<br />改行<br />改行<br />改行<br />改行<br />改行<br /> 改行<br />改行<br />改行<br />改行<br />改行<br />改行<br />改行<br />改行<br />改行<br />改行<br /> 改行<br />改行<br />改行<br />改行<br />改行<br />改行<br />改行<br />改行<br />改行<br />改行<br /> 改行<br />改行<br />改行<br />改行<br />改行<br />改行<br />改行<br />改行<br />改行<br />改行<br /> </div> <div id="bottommarginbox"></div> </body> </html> 改行が多数入っているので、表示させるとブラウザに縦スクロールバーが出現します。この状態ではdiv#bottommarginboxがページ最下部にくっついて表示されると予想していたのですが、WindowsXPのIE6とIE7ではいずれもdiv#bottommarginboxの下に謎の余白が発生します。 ちなみにFireFox2、Opera9、Safari3ではいずれもこの事象は発生しませんでした。 なんとなくIEのバグっぽくはあるのですが、対処方法などご教授いただければ幸いです。よろしくお願いします。
- みんなの回答 (2)
- 専門家の回答
みんなの回答
- goldfox
- ベストアンサー率49% (123/249)
IE6で確認してみましたが、空白は空きませんでした。 どこか無料サーバでの表示確認をしていますか? 例えば、geocitiesではページ下部に自動挿入広告のソースが入るので、1行空くことがあります。
IE7は不明ですが、IE6での表示は一切再下段に余白は出ません。 ソレ以上に可笑しいのはDOCTYPEでHTML 4.01を宣言してるのに改行を<br />と何故記述してるのでしょうか? <br>が正しいのですが? タグの間違い以上に改行がコレだけ在るHTMLはコーディングの面から見ても明らかに「異常」です。 ラストの<div id="bottommarginbox"></div> も何故div内に何も無いのでしょうか?
お礼
ご回答ありがとうございます。 申し訳ございませんが、こちらで提示したHTMLソースが間違っておりました。本質問はいったん締切、あらためて質問しなおします。
お礼
ご回答ありがとうございます。 申し訳ございませんが、こちらで提示したHTMLソースが間違っておりました。本質問はいったん締切、あらためて質問しなおします。