Days: IE CSS のすごいバグ

IE CSS のすごいバグ

先日気づいたのですが、IE で CSS の float プロパティを使うと、なぜかそのフロートは左右のマージン幅が倍になりますね。

…これには参りました。Firefox で表示したときは問題ないのに、同じ CSS を IE で表示すると margin-left: 1em を指定したフロートの左マージンが 2em になってしまうんですから。最初は自分の CSS に問題があるのかと思いましたが、Opera では問題なく表示されるので、やっぱり IE のバグかと思って調べたら予想通り。

なんでマージン大きくなるのか、果てしなく謎だよ IE のフロート…。

どうしようもないので、問題のフロートは左右マージンを 0 にして、代わりにパディングを指定。なんだかスマートでない記述になってとってもヤな感じ。

…float プロパティを使ったことのある人間なら誰でも知っていることかもしれないけど、これは自分の覚え書き。苦手意識があったので、私、今までほとんどフロート使ったことありませんでしたから…。