読者です 読者をやめる 読者になる 読者になる

南東風のパソコン関連ブログ

パソコン中心のブログ(はてなダイアリーよりこちらへ)

またしても、divに悩まされる。

最近は、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

ありがとうございます。