<P>タグの表示の違い

質問

質問させて下さい。
HTMLでページを一つ作成しました。

---------------------------------
<p>
[タイトル画像]
</p>
[テーブルの表]
---------------------------------

上のような感じなのですが、ファイヤーフォックスですと
タイトル画像とテーブルの間に空行があります。（望む形）

しかしIEで表示すると、空行がなく埋まってしまいます。
どうするのが正しいのでしょうか？
（BRであけるのは無しだとすると）

回答No.1

yambejp · ベストアンサー

IEでも空行はできていると思いますが・・・
あえてかくならこう？

<style>
p{margin-bottom:1em;}
</style>

お礼

確かにIEでは出来てました。。。スレイプニルがIEエンジンだからと勘違いを・・・。
IEで出ればいいのでOKです。ありがとうございました。

回答No.2

kyotokyo

HTMLやCSSはブラウザによって解釈が違うので
どれが正しいか？とはいえませんが
圧倒的なシェアをIEが持っていることを考えると
IEでもきちんと表示できるようにしておいた方が良いと思います。

一般的な解決方法ですが
CSSのmarginプロパティを使うのが簡単です。
具体的には以下のような感じになります。

　<p sytle="margin-bottom:○○px;">[タイトル画像] </p>
　もしくは
　<p sytle="margin-:0px 0px ○○px 0px;">[タイトル画像] </p>

style=""と書かれているところは
通常はCssの外部ファイルにするのが一般的ですが
とりあえずは上のとおりにやれば、空白は好きなように設定できます。