margin の指定のしかた

質問

ホームページの見せ方として、左右に余白を入れたいのですが、以下の２つのやり方は結果として、どのような違いが出てきますか？
その１
body { margin: 1em 10%;
のようにＣＳＳで定義する。

その２
ページ全体をテーブルに入れて、
<table width=710 border=0 cellspacing=0 cellpadding=0 height="10">
のように定義する。

または、２の代わりにＣＳＳで％ではなくピクセルで指定する。

自分のＨＰの見え方がＰＣ（というかディスプレイの大きさ）によってかなり違って見えます。
よろしくお願いいたします。

回答No.1

partita · ベストアンサー

＞どのような違い
まったく別物です。

前者はウィンドウサイズに応じてサイズが変化します。ということは、ディスプレイサイズにも関連します。
後者はサイズを固定しているので、ウィンドウサイズに関与しません。

しかも、あなたは勘違いされているかもしれませんが、height="10"の10はピクセルです。%ではありません。

お礼

回答、ありがとうございました。
どうもいま一つわかりません。わかるのは、たとえば、ＩＥの横幅をＰＣ上で半分にした場合、上ではきちんと表示されるが、下の場合だと、ＩＥの横幅が足りないので下のところにカーソルが現れるということです。

下のは、大きなテーブルを作って、その中にすべての文字や画像を入れる、という感じです。

＞height="10"の10はピクセルです。%ではありません。
わかりにくくなってしまいました。%というのは上の10%のことを言ったつもりです。

回答No.3

pi8027

>ページ全体をテーブルに入れて、
table要素は表をマークアップする為の要素です。
この場合、ページ全体が表と云う事になります。(本当は有得ない)
なので後者は使わないでください。

回答No.2

noname#19206

> 下の場合だと、ＩＥの横幅が足りないので下のところにカーソルが現れるということです。
710 = 710px です。710px 以下の画面幅であった場合、710px のテーブルは当然はみ出して表示されます。

幅 30cm の枠に幅 50cm の紙を差し込もうとするのと同じ行為です。