- ベストアンサー
Ｉｎｔｅｒｎｅｔ Ｅｘｐｌｏｒｅｒ と Ｍｏｚｉｌｌａ Ｆｉｒｅｆｏｘ の表示の違い
初心者です。 うまく質問できないかもしれませんが、よろしくお願いします。 ページのソースを見たとき、双方とも下記の様になっています。 BODY{ margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; } しかし実際の画面では、Ｆｉｒｅｆｏｘの方で、 margin-top : 0px; が効いていません。したがって、ページの最上部にブランク行が入ったように表示されます。 原因は何でしょうか。 よろしくお願いします。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (2)
- doubleman
- ベストアンサー率33% (1/3)
横から失礼します。 >早速試してみますが、Ｅｘｐｌｏｒｅｒでの閲覧は正常に表示されています。Ｆｉｒｅｆｏｘの時のみ正常に表示されません。この場合でも、ご指摘の方法でよろしいのでしょうか。 とのことですが、問題ありません。 今回の場合は、IEでは指定する必要のないものがFirefoxでは指定する必要があったというだけだと思います。 他の方の仰った方法でやって、例えばIEの表示がおかしくなってしまうなどということは起こりませんので大丈夫です。 （絶対とは言い切れませんが…） IEとFirefoxなど異なるブラウザ間でWebページを同じように表示させるのって大変ですよね。 状況に応じて両方をカバーしていかなければなりません。頑張ってください。
お礼
ありがとうございます。
- RH01
- ベストアンサー率45% (37/82)
こんにちは。 bodyの設定は、それで問題ないはずです。 必要なものがあるとすればパディングの設定なので body{ margin:0px; padding:0px; } としてみてください。 ちなみに、上下左右の設定が全部同じ場合 margin-topなどを使わずに、marginのみでも設定できます。 そして、問題があるとすれば、HTMLでbodyの直後に 何を書いてあるかだと思います。 例えば <body> <p>文章とか画像</p> </body> のように、PタグやDivがある場合 そのタグ自体が余白を持っているので bodyの余白が0でも、上に余白が出てしまうのです。 直後にあるタグ（上の例の場合は p ）の余白を0に設定すれば、ぴったり上につくと思います。 p{ margin:0px; } No1の方が書かれている通りかと思いますが 初心者の方と言うことで補足として書きました。
お礼
ありがとうございました。
補足
ありがとうございます。 早速試してみますが、Ｅｘｐｌｏｒｅｒでの閲覧は正常に表示されています。Ｆｉｒｅｆｏｘの時のみ正常に表示されません。この場合でも、ご指摘の方法でよろしいのでしょうか。
お礼
ありがとうございました。 Firefoxの場合、 body{ margin-top: 0px; margin-left: 0px; ： ： だけではなく、 div { margin-top: 0px; margin-left: 0px; ： ： も必要だった要です。
補足
ありがとうございます。 早速試してみますが、Ｅｘｐｌｏｒｅｒでの閲覧は正常に表示されています。Ｆｉｒｅｆｏｘの時のみ正常に表示されません。この場合でも、ご指摘の方法でよろしいのでしょうか。