Firefoxのmarginについて

質問

根本的な質問なのですが、教えていただけると助かります。

IEとFirefoxの表示の違いでなかなか手間取っているのですが、
基本的にDivの設定をする場合、heightを指定しないとFirefoxではmargin-topとmargin-bottomは反映されないのでしょうか？

横幅だけを指定し、Divで区切って各Divごとにスタイルを指定しているのですが、<br>を使うと空白の幅が違ってくるし、高さを指定してしまうと
それはそれで表示が変わってしまうし、なにより高さについては
内容により変化させたいのでできれば指定したくありません。
一般的に、そういった場合はどのように余白の指定をするのが
無難なのでしょうか？
今までは適当に色々入れてみたらなんだかできた、とかまぁ少しぐらいの
ズレはいいかな、という状況だったのですが、今回はきっちりと
余白の幅を設けたくて．．．。

そんな事も知らないのか、と呆れてしまう質問かもしれませんが、
教えていただけると助かります。よろしくお願いいたします。

回答No.1

naokita · ベストアンサー

＞heightを指定しないとFirefoxではmargin-topとmargin-bottomは反映されないのでしょうか？

反映されますよ。
もしかして、br でDiv間の隙間を開けて更にmargin設定しているのでしたらやめましょう。
br を使用せず、Divのどちらかのmargin-topかmargin-bottomだけで br の分の幅（隙間）を考慮し指定する事です。

お礼

ありがとうございます。
なぜかmargin-topとmargin-bottomが反映されないので
しかたな<BR>で隙間を与えあてるのですが。

もう少し色々してみます！ありがとうございます！