![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
ヘッダーとンイメージはそれぞれdivで囲んでいます。IE6でヘッダーとメインイメージの間に微妙な隙間が隙間が空いてしまいます。FOXでは隙間は空きません。なぜでしょうか?
教えてください。
==HTML==
<div id="header"><img src="images/head.gif" width="821" height="161" border="0" usemap="#Map2" />
<map name="Map2" id="Map2">
<area shape="rect" coords="674,124,775,144" href="#" /><area shape="rect" coords="36,17,322,85" href="#" />
</map></div>
<div id="main_img" align="center"><img src="images/main_flash.jpg" width="801" height="305" border="0" /></div>
==css==
/*==ヘッダー関係==*/
#header img{
margin:0 0 0 0;
padding:0;
height:161px;
}
/*============ボディ部分開始============*/
#main_img{
background:url(../images/main_flash_bg.jpg) no-repeat;
width:821px;
height:305px;
margin:0;
padding:0;
}
No.1ベストアンサー
- 回答日時:
こういう微妙な差、困りますよねえ。
原因は改行さんです。
div#header をこのようにしてみてください。
<div id="header"><img src="images/head.gif" width="821" height="161" border="0" usemap="#Map2" /><!--
--><map name="Map2" id="Map2"><!--
--><area shape="rect" coords="674,124,775,144" href="#" /><area shape="rect" coords="36,17,322,85" href="#" /><!--
--></map></div>
改行をコメントアウトしています。
改行をなくして一続きに書くのでもいいですが
こっちのほうが見栄えはましだと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
リンクを知らせる手のマークが...
-
ボタンをセル内一杯に表示させ...
-
画像の一部を選択した時のみマ...
-
画像のサイズが変わらない
-
HTMLのIMAGEに。。
-
ワードプレス max-width100%が...
-
画像リンクの周りに線が出ます
-
imgタグについて
-
CSS実装されない
-
auの携帯サイトで画像と画像の...
-
WordPressで画像に枠が入ってし...
-
Javascriptで画像の大きさを%指...
-
写真とキャプションを横並びに...
-
HTMLに横型ゲージを表示させたい
-
HTMLタグのDL DT DDを使ってli...
-
htmlの文字が縦書きになる
-
【ヒトの神秘】美男美女から何...
-
ワードにコピペ、画像が表示さ...
-
<ul>~</ul>が二つ続くと間に改...
-
css初心者 フレックスボックス...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
リンクを知らせる手のマークが...
-
ボタンをセル内一杯に表示させ...
-
inputタグでサーバにデータを送...
-
htmlで画像を2個ずつ並べていき...
-
HTMLのIMAGEに。。
-
機種依存文字、m2(平方メート...
-
favicon.ico はもういらない?
-
cssで、チェックボックスの画像...
-
UDP通信を使うチャットプログラ...
-
table で画像をピッタリとくっ...
-
水面の波紋
-
画像のサイズが変わらない
-
画像の場合のみ、下線を消す方...
-
ポップアップウィンドウのサイ...
-
ホームページで画像を横に並べ...
-
【HTML/CSS】ボタンの枠が伸び...
-
imgタグは何で囲むのが良いか
-
画像をクリックして元に戻すには
-
リンク画像のラインを消したい
-
画像をクリックして同じページ...
おすすめ情報