Home > プログラミング > IE6のCSSバグ(widthとpadding)のメモ

IE6のCSSバグ(widthとpadding)のメモ

なんか大原則だったみたいなのでメモ。
CSSの解釈がFireFoxとIEでは違うという話で、中でもこのwidth解釈は有名なのですね。

現象:
通常は、要素の幅をwidthとして指定し、外側にpaddingとborderですが、
IE6だとborderまでふくめた幅をwidthとして解釈してしまう。

対処法:
divを入れ子にする。
外側でwidthを指定し、内側でpaddingを指定する。
ちなみに背景色を指定する場合も外側で設定しないと変なふうになる可能性があります。

詳しくはこちらを参考にさせていただきました。
ADP: IE6のwidth解釈バグ対処法

仕様が固まるまでこういうのはしばらくあるのでしょうね。UIデザイナーさんはえらい。
めんどくさ〜みんなFFでいいよーと思ってしまいがちですが多くの人はIEなのでがんばります。

Comments:0

Comment Form

Trackbacks:0

TrackBack URL for this entry
http://www.ono-note.com/mt/mt-tb.cgi/1101
Listed below are links to weblogs that reference
IE6のCSSバグ(widthとpadding)のメモ from ono-note

Home > プログラミング > IE6のCSSバグ(widthとpadding)のメモ

Search
Feeds

Return to page top

簡単SEO