表の考えかた

Question

ホームページビルダーを使っています。
どうも表については、いまいち理解しづらいのですが・・・
次の考え方は合っていますか？(pixelで指定してます)

[表の幅]は・・・
[罫線の幅] + [セル内の余白] + [枠の幅] + [セルの幅]

-----------------------------
たとえば、2列の表の場合

[罫線の幅]　=2
[セル内の余白]　=3
[枠の幅]　=2
[セルの幅]　=100

・・・と指定したとき、実際の幅は

[罫線の幅]　　　=2　→　2×2=4
[セル内の余白]　=3　→　3×4=12
[枠の幅]　　　　=2　→　2×2=4
[セルの幅]　　　=100→　100×2=200

以上合計すると[表の幅]は
4 + 12 + 4 + 200 ＝ 220
・・・ということになりますか？

mat-21 · Accepted Answer

#4です。お返事が遅くなりました。＞逆に言うと、HTMLでの記述はいい加減になってしまうのでしょうか？いえいえ、考え方としては間違ってはいないかとおもます。「手段としてCSSもありますよ」って感じだと思います。実際にW3CではCSSの導入を推奨していますし、サイト全体をデザインするのであれば、CSSは不可欠なものといえるでしょう。もし、インストラクターとしてお考えならば、そもそもHTMLの理論から入らなければならないかと思います。タグは見出し、

タグは段落、

は表という意味で...。基本的に段落の後に見出しは来ないし、デザイン上でのレイアウトのために

を使用することは、理論的に間違っています。では、どうすれば？となりますが、そのためにCSSが必要となります。タグは、基本的な構造をつとめ、デザイン（レイアウト）はCSSがつとめる。といった考え方になります。よって、やや<～align=～>など、サイズや位置指定などは、デザインと考えられるので、CSSで設定します。また、それらのタグは、やはりW3Cでは、非推奨要素もしくは非推奨属性となっています。さらにこれからは、XHTMLでの作成を推奨することも予想されます。どうぞ、ご参考までに...。

mat-21 · Answer

もし正確なサイズ（ピクセル値）でTableを指定したいのであれば、CSSを使用されてはいかがでしょう。具体的に記述しますと、以下の感じになります。～の間にと設定しておき、その設定をclass指定でタグに入れます。

セル左

セル右

こうすることによって、指定したいサイズで表のサイズが固定できます。（と思うのですが....。）

hiro_izushi · Answer

テーブルの幅については参考URLの通りですが、実際は（開発者の見解の相違から）ブラウザによって見え方が異なります。

参考URL：http://wakabano.cool.ne.jp/dream/layout/table/manual/man_01.html

koma1000nin · Answer

#1の補足に対する回答。
セル幅の設定については、先にインターネットを開き、文字のサイズを最大にしておいてからＨＰビルダを立ち上げ、大きな文字に合わせてセル幅を目分量で設定されるといいでしょう。
高齢者は大きな文字で閲覧する傾向があるので、私は横幅に関しては常に最大の文字サイズ環境でＨＰを設計しています。
若い人は中くらいの文字がお好みのようですが、隙間が空くのは辛抱してもらいます。セル内に複数行をべた書きする場合は、逆に最小の文字サイズ環境でセル設定すればいいでしょう。この方法だと、閲覧者が最大文字を設定しても、セルはちゃんと上下に伸縮してくれますからね。

koma1000nin · Answer

１）寸法を指定せず2×2の表を作ってみます。
２）表が表示されたら、スクリーンコピーを行ないます。
　　（PrintScreenキーによります）
３）ペイントを開いてペーストします。
４）周囲の余計な部分をカットします。
５）画面を最大の8倍にズームし、グリッドを表示させます。
　　（[表示]→[拡大]→[グリッドを表示]）

以上の操作で納得が行くように調べられます。

表の考えかた

#4です。

もし正確なサイズ（ピクセル値）でTableを指定したいのであれば、CSSを使用されてはいかがでしょう。

この回答への補足

テーブルの幅については参考URLの通りですが、実際は（開発者の見解の相違から）ブラウザによって見え方が異なります。

この回答への補足

#1の補足に対する回答。

１）寸法を指定せず2×2の表を作ってみます。

この回答への補足

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング