WEB制作トラブル速戦即決術！第8回

[TROUBLE 39]

IE 7でページを拡大すると
テキストとフォームが重なる

文＝境祐司

A.	重なる要素にzoomプロパティを指定する

IE 7のページズームは、OperaやSafari 3の同機能より少々問題が多い。ページを拡大表示すると、フォームコントロールとあとに続くテキストが重なってしまうことがある。IE 7でGoogleのトップページにアクセスしてページズームで拡大すると、ラジオボタンとの重なりを確認できる。IEの独自拡張であるhaslayoutプロパティが影響しているため、解決方法もややトリッキーである。同じ独自拡張のzoomプロパティを指定しよう。

フォームを含むページ（＜ input type="checkbox" /＞＜label＞checkbox＜/label＞＜input type="radio" /＞＜label＞radio＜/label＞のような記述）をIE 7のページズームを使って拡大表示すると、フォームコントロールとテキストが重なってしまう

OperaやFriefox 3では問題ない。原因は（ページズーム機能の問題というより）IEの独自拡張であるhaslayoutプロパティの影響である。この値を変更する必要がある

OperaやFriefox 3では問題ない。原因は（ページズーム機能の問題というより）IEの独自拡張であるhaslayoutプロパティの影響である。この値を変更する必要がある
もっとも多用されているのはzoomプロパティによる対処方法だ（zoomプロパティもIEの独自拡張）。重なってしまうテキストに対して「zoom:1;」を指定。条件付きコメントを使ってIE 7だけに適用する