CSSでIE6だけ出る隙間をなくしたい

2007/09/22 22:27

このQ&Aのポイント

CSSとtableを組み合わせてレイアウトをしていますが、IE6では<div>と<div>の間に1、2pxの白い隙間が出てしまいます。この隙間をなくす方法はないでしょうか。
WindowsのIE7やSafari、Netscapeでは正常に表示されるが、IE6ではメインメニューの行と赤地に白文字のヘッダーメニューの行の間に隙間が出てしまいます。
CSSの設定を見直してください。HTMLにおいて、<div>と<div>の間の隙間をなくすことができます。

kirishimaakira
お礼率81% (13/16)

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

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

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

ベストアンサー

leap_day
ベストアンサー率60% (338/561)

2007/09/23 10:03 回答No.1

こんにちは <style type="text/css"></style> <body> <div id="wrapper"> <div id="mainmenu"> <div id="menublock_over">HOME</div> <div id="menublock">メニュー</div> <div id="menublock">メニュー</div> <div id="menublock">メニュー</div> <div id="menublock">メニュー</div> <div id="menublock">メニュー</div> </div> <div style="clear:both;"></div> <div id="headermenu">ヘッダーメニュー</div> <div id="pankuzu">■ホーム＞</div> <div id="footer"></div> </div> とか？・・・僕好みのやり方なので好き嫌いがあると思うので質問ので直すとしたら #mainmenu { height:28px; } #mainblock,#mainblock_overでheightが2つあるのでheight:29px;を削除(後の方が適用されるので無視されている) td height="30"を削除（中身があれば自動で高さ取得してくれますので、つけるとしたらheight="28"）え～と理由としましては #mainmenu　height:29px; padding-top:1px;　で高さ29px（paddingはtable上部の余白を作ってるので関係ない) #mainblock　height:16px;　padding-top:12px;　で高さ28px #mainblock_over　height:20px;　padding-top:8px;　で高さ28px <td height="30">　で高さ30px(?) となって1px～2pxほど高さが異なってる為に出来てるのかな？と思います

質問者