ブックマーク / wsmh.net (1)

  • 今さらだけど、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
    mukaidesign 2012/01/26
    CSS Tips IE6対策
  • 1