日々のデザイン現場で発生する問題・難題を解決します!
WEB制作トラブル速戦即決術! 第3回
[TROUBLE 12] |
padding-topの値が IE 6とIE 7だけ倍になってしまう |
文=平澤 隆
A. | zoomもしくはwidthプロパティを指定して解決する |
floatプロパティを指定した要素に、後続の要素が回り込まないようclearプロパティを指定することはよくある。clearプロパティとpadding-topプロパティを指定すると、Internet Explorer 6、7だけ余白が不自然に空いてしまう。このトラブルはIE独自拡張のzoomプロパティの指定をするか、widthプロパティの指定で解決できる。paddingでも発生するので覚えておきたい。
Internet Explorer 6、7で見ると、指定した値の倍近く余白が空いてしまう
「zoom:1;」と指定することで指定したとおりの余白になる
[INDEX]
>>> [TROUBLE 12]padding-topの値がIE 6とIE 7だけ倍になってしまう
>>> [TROUBLE 13]取得・移管したドメインがいつまでも有効にならない
>>> [TROUBLE 14]URLに日本語を指定するとページが正常に表示されない
>>> [TROUBLE 15]IE 6のみでサイドメニューに余白が発生してしまう
>>> [TROUBLE 16]Flashのレイヤーが増えてしまい見づらくなってしまった
>>> [TROUBLE 17]PHPファイル内にXML宣言を入れるとエラーが出てしまう
『web creators』の情報はこちら!>>>