No.4ベストアンサー
- 回答日時:
はじめまして。
◇border/cellspacing/cellpaddingの考え
100*2+4*4+1*3
→これは、あっています。
cellpaddingはセル内上下左右の空きであり、cellspacing罫線内スペース
で、まー罫線幅と思っていいもので、2列なら3本あることになります。
●ただし、219ピクセル絶対かというとちょっと分かりません^^;
また、1ピクセルの見た目の大きさが、IEとNetscape、またプラット
(Windows/Mac)によって異なります。
◇<td>でのwidthの指定
<td>のwidthは指定がない場合は、<td>内パーツの幅から算出されて自動的に
その大きさになります。
つまり、<td>内で<img>のwidth="100"のみを置いているのであれば、<td>にて
width="100"を指定しても、しなくても同じ表示状態になります。
備考)
Netscapeの<table>では基本的に全<td>にてwidthを指定するようにした方が
よいです(書き癖とする)。
IEの場合、<table>でwidth指定をし、例えば2列のテーブルを書いた場合、
<td>1つに値を設定した場合は、<table>のwidthからのその<td>widthを引いた
値が、もうひとつの<td>のwidthに自動的に設定(表示)されます。
しかし、Netscapeの場合はそのような融通は利かずNetscapeの解釈の元に各
<td>の幅設定がされてしまいます。
なお、<table>や<td>のwidthを設定した上で、その中のパーツがそのwidthを
超した場合は、ブラウザの解釈により妥当なwidthが設定(表示)されます。
これはサンプルを作ってみて試して見るとおもしろいと思いますよ。
頑張ってくださいね。
この回答への補足
書き込みありがとうございます。
教えていただいたこと、よくわかりました。
それからいろいろ試してみたのですが、
tdに100x100の画像を入れてみたところ、
IEの場合、tdのheight属性はtd内のパーツプラスcellpaddingの幅みたいです。
つまり、cellpaddingが4とすると、height=108となるようです。
widthとheightの値が違っているのがどうも腑に落ちないのですが・・・。
Netscapeの場合はwidth,heightとも100のようです。
詳細をご存知でしたら、また書き込んでいただければ幸いです。
No.3
- 回答日時:
ディスプレーの幅、IEであればエクスプローラーバーの表示、非表示によって有効画面幅がユーザーの環境によって逐一変わるほか、ブラウザの解釈にも差がありますので、TABLE幅を完全に固定することはなかなか難しいようです。
条件次第ではWIDTHを指定してもそれ以下の幅で表示されることがあります。また、<NOBR>も効かずに改行されてしまうことがあります。邪道かもしれませんが、各列に背景と近い色のダミーの画像をサイズを絶対値(ピクセル)で指定して貼ればその列は画像幅以下にはなりません。それでもたとえばテキストの大きさを「最大」にされてしまえば幅が画像よりも広がってしまう可能性がありますので、スタイルシートで文字のサイズを固定すればよいかと思います。
ちょっと自信がありませんが、ご参考になればと思います。
ご回答ありがとうございます。
テーブル幅を完全に制御するのは難しいことなのですね。
画像のスペーサを入れるのはそのためなんですね。
No.2
- 回答日時:
>>実際やってみるともっと幅が伸びる気がするのです。
テーブルの内容(テキスト、画像)が、セル幅に収まりきらない量なので伸びてしまっているのでは?
テーブル幅は
セル内容→セル幅指定→テーブル幅指定
の順で優先されます。
この回答への補足
またの書き込みありがとうございます。
おっしゃる状態にはなっていないです。
質問の仕方を少し変えさせていただきますと、
<table cellspacing=1 cellpadding=4 border=0>
<tr>
<td bgcolor=#cccccc><img src="img.gif" width=100 height=100></td>
<td bgcolor=#cccccc><img src="img.gif" width=100 height=100></td>
</tr>
</table>
セルに100x100の画像を入れるとします。
このとき、tdタグにあえてwidth属性を指定するときはいくつにすればいいのですか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- JavaScript 追加ボタンを押した際に ok ボタンを押した場合のみ入力値が追記されるようにしたいです 6 2022/05/29 09:57
- MySQL SQL任意に並び替えをしたい 2 2023/08/28 10:47
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
テーブルの位置を細かく指定し...
-
【CSS】縦横スクロールテーブル...
-
2つのテーブルを左右に表示した...
-
CSSで文字を一番下の中央に表示...
-
テーブルでスクロールを同期したい
-
スタイルシートで、画像の横に...
-
更新するとずれる?
-
tableのheight指定が効かない
-
HPに縦線を!!
-
テーブルの影の作り方とセル内...
-
テーブル内に画像を表示したい。
-
ウィンドウのサイズを変えても...
-
ヘッダー固定のスクロールが可...
-
テーブルの高さ幅の固定方
-
テーブルの列幅の部分固定の仕...
-
複数のテーブルを無条件に中央...
-
html でのテキスト結合について
-
テーブルとテーブルの間隔について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの位置を細かく指定し...
-
ウィンドウのサイズを変えても...
-
ヘッダー固定のスクロールが可...
-
HTMLでテーブルを横に並べる方法
-
テーブルの横に画像を
-
テーブル内に画像を表示したい。
-
tableのheight指定が効かない
-
【CSS】縦横スクロールテーブル...
-
箇条書きリストのすぐ横に画像...
-
CSSで文字を一番下の中央に表示...
-
テーブルを中央に配置
-
Dreamweaverでテーブルの列幅を...
-
2つのテーブルを左右に表示した...
-
<SPAN>で文字を右揃えにしたい...
-
ホームページのテーブルに斜線...
-
プルダウンの表示位置
-
更新するとずれる?
-
複数のテーブルを無条件に中央...
-
テーブルでスクロールを同期したい
おすすめ情報