最近は、IE、FF、クロムと確認作業が多いスタイルシート。
あちらが、立てばこちらが、立てず・・・
微妙にずれるのよねぇ。
そうか・・・
標準モードと互換モードがあったんや。
割とスルーしていたけれど、
いまだ、IEは、borderの解釈が違っているのか。
あと、CSSの各順番にも、IE以外は、微妙というか、違う。
きちんと、勉強しないとあかんわぁ。
■スタイルシートの書く順番も重要です
http://web.tvbok.com/web/css/ie_firefox_css.html
■マージンよりパディングで(私は、逆に使うほうが多いんだけれど)
http://blog-tips.net/article/98648726.html
■ドキュメント宣言
きちんと書けば、それなりになるはず。一応、そのなかの適当な、これなんだけれど・・一応標準表示するはずなんだけれどね。
HTML4.01 Transitional
↓↓↓
割と、シンプルに書いてあるサイトがありました。これなら、使えそう。
width とともに padding と border は指定しない
•width を指定した要素には左右の padding と border は指定しない(0にする)。同様に、height を指定した要素には上下の padding と border は指定しない(0にする)。
•padding または border を指定した要素には width や height を指定しない(0にする)。
→→ この方法なら content-box でも border-box でもボックスのサイズに違いは生じません。
http://www.geocities.jp/multi_column/float/03.html
ありがとうございます。