• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:Win IE5.5~6.0での余白に関するバグ)

Win IE5.5~6.0での余白に関するバグ

このQ&Aのポイント
  • 最近やっと完全スタイルシートによりコーディングをマスターする為に勉強を始め何とかある程度形になるまでコーディングが出来たのですがWin IE5.5と6.0でバグが発生してしまいました。
  • 幅532pxのボックス内に532pxの画像を配置した所右側に1px~2pxの無駄な余白が出来てしまうのです。他のモダンブラウザーでは全て平気なのですがIE5.5と6.0でこの現象が発生してしまいます。
  • 画像を添付しましたので症状を見てください。また、下記アドレスに現在製作中のHTMLファイルとCSSファイルをアップしてありますのでお暇な時にでも覗いていただきアドバイスいただきたくおもいます。

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

  • ベストアンサー
noname#83877
noname#83877
回答No.1

border周りかボックス解釈のバグのような気がしますが、よくわかりませんね・・・ img{display:block;}とか、*{zoom:1;}とかでは直りませんか? その他気になる点としては #right-containerにwidth:532px;が指定されているにもかかわらず、その中の要素に何度もwidth:532px;を指定されている点です。 何も指定しなくても親要素の幅100%まで伸びるので普段は必要ないのではないでしょうか。 このあたりはもしかしたらボックス解釈バグの原因になることがあるかもしれません。

mugen_1001
質問者

お礼

早々のご回答ありがとうございます アドバイスいただきました。 下記の修正を致しましたら解決致しました。 やはりなるべく無駄な記述はしないようにしないと今回のようなバグの 原因になってしまうんですね。 今回はとても良い勉強をさせていただきました。 ありがとうございます。 > #right-containerにwidth:532px;が指定されているにもかかわら > ず、その中の要素に何度もwidth:532px;を指定されている点です。 > 何も指定しなくても親要素の幅100%まで伸びるので普段は > 必要ないのではないでしょうか。 > このあたりはもしかしたらボックス解釈バグの原因になることが > あるかもしれません。

関連するQ&A