今さらだけど、IE6対策中心のCSSメモ - WSMH

もう古いけど、前は役になったのでメモとして残しておきます。 IEでよくおこるCSSの問題は、おもにhasLayoutが影響している。 hasLayoutについては。ウノウラボさんのhasLayoutとは何かの説明がわかりやすいので参考に。 すべてをtrueにしてしまうと問題もおこる。 IEは、ul や ol のリストマークは、hasLayoutがtrueだと消えてしまう。 IE6 や IE7 で垂直方向の margin が相殺されない。 hasLayoutをtrueにして、くずれを防ぐ hasLayoutが原因で、IE7が拡大・縮小したときにレイアウトが重なってしまったり、フロートした要素がはみ出てしまったりする場合がある。 対処方としては、下記のいずれかを追加すればいい。 display:inline-block; height:1%;のようにheightに数値をいれる。 float p

[mukaidesign]

CSS Tips IE6対策