ネットを徘徊してたら久々にbox-sizingを見かけたのでIE7で試してみた。
ちなみにIEとモダンブラウザではボックスモデルの解釈が違うので本当にメンドクサイ事になるのは周知の事実。
そんなメンドクサイ仕様を回避するべく登場した裏技がbox-sizingと-moz-box-sizingでボックスモデルを制御する方法。
html * {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
一行目の-moz-box-sizingはMozillaの独自拡張でCSS3の先行実装。
二行目のbox-sizingはCSS3で実装予定の属性。MacIEは先行実装している。
この技は非常に重宝されて結構みんな使ってたとおもう。
で、IE7で試してみたところbox-sizingは全然効かない。なのでbox-sizingを使って互換モードで作っているとIE7で死ぬって事ですな。
CSS3に実装されるといわれていたbox-sizingも、最近は実装されないんじゃないか？なんて噂も流れてるとか流れてないとか。。。そんな感じだしね～