ベストアンサー

ボックスの下にスペースが・・・

2007/02/23 15:25

IEのみボックスの下に20px程のスペースができてしまいます。こちらのPCはwinXPでIEのバージョンは6.0です。 FirefoxやNetscape、Operaでは問題がなく、IEの問題なのでしょうか。私の記述に問題があるのかと思いますが宜しくお願いします。文字数が足らずソースを載せれませんでした・・・。

goaldast
お礼率46% (97/210)

HTML
回答数3
ありがとう数1

みんなの回答 （3）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

quads
ベストアンサー率35% (90/257)

2007/02/23 15:43 回答No.1

とりあえず、 html, body { margin: 0; padding: 0; } を（詳細度的に）適用させるように書く。これで確認してもまだ解消されないようなら… 実際にどのように構成しているかが分かれば的確な回答ができるかもしれません。

質問者

補足 2007/02/23 16:10

いつもありがとうございます。やはり何故なのか分からず苦戦しております。アドバイスいただけませんでしょうか。お願いします＞＜ ---html--- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css">  </style> </head> <body> <div id="container"> <div id="wrapper"> <div id="herder"> ヘッダーが入ります </div> <div id="topspace"> <div id="cv_list"> <p><img src="image/cv_list/tittle.gif" width="168" height="22"></p> <ul id="cv_list"> <li class="elyseese"><a href="#">*****</a></li> <li class="napoleon"><a href="#">*****</a></li> <li class="seine"><a href="#">*****</a></li> <li class="lumineux"><a href="#">*****</a></li> <li class="grandeur"><a href="#">*****</a></li> <li class="cv"><a href="#">*****</a></li> </ul> </div> <div id="topspace1"><img src="image/580_250cv.jpg" width="580" height="250"></div> </div> <div id="main_contents"> メインのコンテンツが入ります </div> <div id="footer"> フッターが入ります </div> </div> </div> </body> </html> ---css--- /* CSS Document */ @charset "euc-jp" *{margin:0; padding:0;} body {margin:0; padding:0;background-color:#000000;} img {border:0;} p {margin:0px; padding:0px;} h1,h2,h3,h4,h5,h6{font-size:12px;} #container{ margin:0px; text-align:center;} #wrapper{ width: 780px; margin-left:auto; margin-right:auto; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; background-color:#333300;} #herder{ width:750px; height:100px; margin-left:auto; margin-right:auto;} #topspace{ width:748px; height:250px; border: 1px solid #888800; margin-left:auto; margin-right:auto; margin-bottom:10px;} #cv_list{ float:left; width:168px; height:250px;} #cv_list ul{margin:0;padding:0;list-style:none;} #cv_list li a{ width:168px; height:38px; display: block; list-style:none; text-indent: -9999px; text-decoration:none} ul#cv_list li.elyseese a {background:url("../image/cv_list/elyseese_off.gif");} ul#cv_list li.napoleon a {background:url("../image/cv_list/napoleon_off.gif");} ul#cv_list li.seine a {background:url("../image/cv_list/seine_off.gif");} ul#cv_list li.lumineux a {background:url("../image/cv_list/lumineux_off.gif");} ul#cv_list li.grandeur a {background:url("../image/cv_list/grandeur_off.gif");} ul#cv_list li.cv a {background:url("../image/cv_list/cv_off.gif");} ul#cv_list li.elyseese a:hover {background:url("../image/cv_list/elyseese_on.gif");} ul#cv_list li.napoleon a:hover { background:url("../image/cv_list/napoleon_on.gif");} ul#cv_list li.seine a:hover { background:url("../image/cv_list/seine_on.gif");} ul#cv_list li.lumineux a:hover { background:url("../image/cv_list/lumineux_on.gif");} ul#cv_list li.grandeur a:hover { background:url("../image/cv_list/grandeur_on.gif");} ul#cv_list li.cv a:hover {background:url("../image/cv_list/cv_on.gif");} #topspace1{ float:right; width:580px; height:250px;} #main_contents{ width: 750px; height:300px;} #footer { width:750px; height:200px; margin-left:auto; margin-right:auto;}