IEのCSSの不具合を直す魔法の言葉「zoom:1」

カテゴリ：IEのCSSの問題を回避する技 2007年5月17日 17:50

今回もまた備忘録的なものです。

IE の CSS 表示で、たまになんだか変な挙動になることありませんか？
高さがおかしくなったり、場所がずれたり。
~~ちょっとどこで読んだか忘れてしまったんですが、どうやら特定のスタイルを適用すると、レンダリングが変わるんだかなんだかだとか。~~
hasLayoutがONになるプロパティを指定すると、CSS の解釈が変わります。（IE のみ）

なので、たまにheightやborderを設定すると表示が改善された、なんてことありませんか？
それらが、その「特定のスタイル」のようです。
だから、それらを設定することで正常に表示されたりするんですね。

ただ、borderにしろheightにしろ、IE 用に適用させてしまうと、他のブラウザ（Firefox とか）に影響が出ちゃいますよね。

そんなときにzoom:1です。
これは IE 独自スタイルにも関わらず、上で書いたように「特定のスタイル」の中に含まれます。
なので、heightなどで表示が改善されるような場合、そのスタイルにzoom:1を指定しておけば他のブラウザに影響を与えることなく IE だけにスタイルを適用することが可能となります。

なんかで行き詰ったら試してみるといいかも？

この記事のカテゴリー一覧を見る⇒IEのCSSの問題を回避する技