別にtableタグが嫌いとか悪いとかは思ってないんだけれど、便利さにおいて、やはりCSSのほうが便利のようだし、最近もっぱらCSSを使ってデザインしているのだけれど、NN／IEで解釈が違う部分がでてくるのが一番困る。
フォントサイズについてはあきらめの境地というか、有る程度余裕を持たせて、あくまで文字情報として扱うことにしているのだけれど、divのmargin,padding,border周りの解釈の仕方が違うのがとても困る。
IEでは問題ないブロックでも、NNでみると、子要素が親ブロックをはみ出してしまうことが多々ある。主にwidth:100%の時など。つまり、100%にしたときに、どこまでを100%にするかの解釈が違うと思われ。それが原因で、はみ出たり、ズレたりするから困ったりする。
で、IE/NNの両方で同じcssで回避できる方法を探したら、以下のものを発見。
* { box-sizing: border-box}
* { -moz-box-sizing: border-box}
これをcssにおまじないとして入れておくと、ボックス要素のボーダー周りの計算がIEに合って、幸せになれるのである。