• 締切済み

ページ下部の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のバグっぽくはあるのですが、対処方法などご教授いただければ幸いです。よろしくお願いします。

みんなの回答

  • goldfox
  • ベストアンサー率49% (123/249)
回答No.2

IE6で確認してみましたが、空白は空きませんでした。 どこか無料サーバでの表示確認をしていますか? 例えば、geocitiesではページ下部に自動挿入広告のソースが入るので、1行空くことがあります。

misshiki
質問者

お礼

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

noname#100277
noname#100277
回答No.1

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

misshiki
質問者

お礼

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

関連するQ&A

専門家に質問してみよう