AIRE-PROJECT BLOG

ほとんどの方がご存知かと思いますが、IE6ではHTMLソースの可読性を上げるためにつけるインデントがCSSでのレイアウトに影響し、ボックスの間に微妙なスキマができてしまうというバグがありました。

このバグ、IE7では当然修正されていると思っていたら、とんでもない！
修正されていませんでした。
まったくもう！

画像の下にDIVのボックスを配置していて、それをぴったりくっつけたかったんですが、マージンをどちらも「0」に設定しているにもかかわらずできてしまう微妙なスキマ。
しかも、IEのみ。
Firefoxではちゃんとぴったりくっついてる。

10分ほど悩んだ後、画像とDIVの間をIE上でドラッグしてみると、スペースらしきものが……
もしやと思って、インデントを削除してみたら案の定、スキマが消えました。

このバグって誰もが一度はぶつかる問題だし、あまりに有名なバグなんで当然IE7では解決されているものだと思い込んでいましたよ。
おかげで10分も悩まされてしまいました。

やれやれ。