【 ＨＰ作成質問箱 】

【ＨＰ作成質問箱/詳細】　一覧 / 詳細

　 No.9113　テーブルタグの要素

[カール] [ブラウザ]　 07/03/12 (月) 14:16

はじめまして。
テーブル作成時、テーブル本体のwidth設定と、cellpaddingやtdなどの設定との誤差については、
どのように設定すれば良いのか？
例えば以下の例の場合、「？」の値はいくらが正解ですか？

<table width="？" border="5" cellpadding="10">
<tr>
<td width="100">*テーブル*</td>
<td width="100">*テーブル*</td>
</tr>
</table>

１：何も考えなければ、　？＝200　かなと言った感じですよね。

２：厳密に考えれば、　　？＝200 + （5×線（border）の数） + （10×（テーブル枠の数×2））　な気がします。
※ボーダーの数やパディング両端の幅を算出

もし、　？＝300　と言った、計算にあわない値を入れると、
見た目じゃなくてシステム的な不具合を起こす事はあるのでしょうか？
この辺りの考え方についてお願いします。

▼

▼

▼

　 No.9114　Re:テーブルタグの要素

[atom] [ブラウザ]　 07/03/12 (月) 16:26

上記の例だと、
borderはテーブルの外枠、cellpaddingはセル内の隙間ということになります。
cellpaddingでテーブルのサイズが変わることは、通常ありません。
ただし、セルの大きさとまったく同じ画像を埋め込めばその分広がってしまいますが。

したがって、次のようになるのではないでしょうか？

200 + (5×2) ＝ 210

あと、cellspacingが設定されてませんが、この分テーブルの幅も広がります。
標準では「0」ではありませんから。

大きな数字を入れてもシステム的にエラーを起こす事はありません。
思った様なレイアウトにならないことはありますけどね。

▼

▼

▼

　 No.9117　Re^2:テーブルタグの要素

[カール] [ブラウザ]　 07/03/12 (月) 18:23

お返事ありがとうございます。
つまりは、やはり、そこまで綿密に計算してwidthの値を入れないといけないと言うことですか？
プロのウェブ製作者の方は、（って、ソフトで使っていると思いますが、）
そこまで考えて作成されているのですかね？
プロじゃないにしても、超ベテランの人とか。

それとも、計算が出来ないんだったら
親タグのwidthは指定しないほうがいいとか、
なにかそう言う、一般にはどうされているかとかご存知でしょうか？
ひと月ふた月、ＨＰを作ったばかりの方が、
ここまで考えているとは思えないのですが、それでも動いていますよね。
みなさん、どうしているのでしょうね。
ま、それはいいとして、どのように記述するのが理想なのか教えてください。
一般論的記述と言うのでしょうか・・・

▼

▼

▼

　 No.9118　Re^3:テーブルタグの要素

[atom] [ブラウザ]　 07/03/12 (月) 20:27

そんなことはないでしょう。
そちらがかなり気にしてるようでしたから、詳しく述べただけです。

私なんかは、セルの大きさを指定することがあってもテーブルの大きさは必要な箇所以外は無指定ですし。

最近ソフトがよくなって来てますから、市販のHP作成ソフトなどを使えば勝手に自動で指定されるようです。
ですから、そこまで気を使って作成してる人は少ないと思います。

デザインはきれいでも、テーブル設計はソフト任せという人も多いと思います。

ソースを覗いた時、字下げされてるような場合はほとんどがソフトを使って作成されてると思って間違いないでしょう。

▼

▼

▼

　 No.9121　Re^4:テーブルタグの要素

[カール] [ブラウザ]　 07/03/12 (月) 20:48

すいません。何か失礼があったでしょうか。
お気に障ったことがありましたらすいませんでした。
テーブルの設定は、かなり気にしていました。
実際のところ、どうすればよいのかと言う迷いがありました。
なので、詳しい解説は参考になりました。

あまり気にし過ぎなくも大丈夫と言う感じですよね？
どうもありがとうございました。

▼

▼

▼

　 No.9122　Re^5:テーブルタグの要素

[atom] [ブラウザ]　 07/03/13 (火) 11:39

大丈夫です。
気にしないでください♪

そうです、今のブラウザとの兼ね合いで、業務用でなければあまり気にしなくても構わないと思います。

▼

▼

▼

　一覧 / 詳細