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で質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・ちょっと先の未来クイズ第4問
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブル内に画像を表示したい。
-
tableのheight指定が効かない
-
ヘッダー固定のスクロールが可...
-
HTMLでテーブルを横に並べる方法
-
テーブルの横に画像を
-
画像の横にテーブルを。。。
-
テーブルの位置を細かく指定し...
-
テーブルでスクロールを同期したい
-
tableの幅・高さの固定
-
箇条書きリストのすぐ横に画像...
-
テーブルの入れ子でテーブルが...
-
HPに縦線を!!
-
プルダウンの表示位置
-
テーブルの行を折りたたみたい...
-
TABLEのセルの中の文字を行単位...
-
CSSで特定のテーブルだけに...
-
html でのテキスト結合について
-
TRタグの余白をcssで設定するには
-
<th>タグを使っても太字にしな...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
テーブルの位置を細かく指定し...
-
HTMLでテーブルを横に並べる方法
-
テーブル内に画像を表示したい。
-
tableのheight指定が効かない
-
【CSS】縦横スクロールテーブル...
-
ウィンドウのサイズを変えても...
-
CSSで文字を一番下の中央に表示...
-
更新するとずれる?
-
ヘッダー固定のスクロールが可...
-
テーブルの背景を透過する方法
-
箇条書きリストのすぐ横に画像...
-
プルダウンの表示位置
-
テーブル内でdlタグ使った際の...
-
画像と、セルのつなぎ目に白い...
-
テーブルのスクロール(HTML)
-
Dreamweaverでテーブルの列幅を...
-
【CSS】左右可変、中央固定の3...
-
スタイルシートでテーブルをセ...
おすすめ情報