- 2007年7月19日 16:23
- プログラミング
なんか大原則だったみたいなのでメモ。
CSSの解釈がFireFoxとIEでは違うという話で、中でもこのwidth解釈は有名なのですね。
現象:
通常は、要素の幅をwidthとして指定し、外側にpaddingとborderですが、
IE6だとborderまでふくめた幅をwidthとして解釈してしまう。
対処法:
divを入れ子にする。
外側でwidthを指定し、内側でpaddingを指定する。
ちなみに背景色を指定する場合も外側で設定しないと変なふうになる可能性があります。
詳しくはこちらを参考にさせていただきました。
ADP: IE6のwidth解釈バグ対処法
仕様が固まるまでこういうのはしばらくあるのでしょうね。UIデザイナーさんはえらい。
めんどくさ〜みんなFFでいいよーと思ってしまいがちですが多くの人はIEなのでがんばります。
- Newer: 非公開モードの設定(ブログシステム開発記#005)
- Older: 渋谷のうまいパン屋とono的ぜいたくな休日の過ごし方