- ベストアンサー
ヘッダーの上にほんのわずかに隙間ができる
ウェブサイト製作の練習をしております。解決できないことがあり、質問させていただきます。 ヘッダーボックスにmargin topを設定していないにも関わらず、ヘッダーボックス上にほんのわずかに隙間ができてしまいます（1～2px程度です）。ヘッダーボックスにCSSで設定しているのは margin-left:auto; margin-right:auto; width:1000px; のみです。 bodyにはなにも設定しておりません。ちなみにIEのバージョンは8でございます。宣言は・・・ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="”Content-Type”" content="”text/html;" charset="utf-8”" /> でございます。教えてgooのトップ（http://oshiete.goo.ne.jp/）も一番上（"質問&回答 (Q&A) コミュニティ - 教えて！goo"のところです）は画面上部にぴったりくっついていますよね。どうすればこのような形にできるのでしょうか？どなたかアドバイスをお願いします。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
<body>タグの属性に topmargin="0" を指定してみて下さい。 隙間がなくなると思います。 同様に<body>タグに leftmargin="0" なんて指定したら左にピタっとくっついたページになりますよ＾＾ <!--------------------------------------------------------> <html> <head> <title>詰めテスト</title> </head> <body topmargin="0"> <div style="border:1px solid blue">上詰めテスト</div> </body> </html> <!-------------------------------------------------------->
その他の回答 (1)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
html,body{margin:0px;padding:0px;}を書いておくだけでよいでしょう。
お礼
margin:0px;padding:0px; の設定にてすぐに解決しました。 どうも、ありがとうございます。
お礼
さっそくのご回答ありがとうございます。 <body topmargin="0">にて解決しました。 アドバイス、感謝いたします。