WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:TABLE幅の計算方法

0:[投稿] ありす [2003/01/28 19:12 ][環境:WIN2000 ??]

はじめまして。
調べてもどうしても分からないので、教えてください。

<作りたいテーブル>
cellpadding=5,cellspacing=5,border=5
1行、2列
それぞれのセルに、幅100ピクセルの画像を入れる

この場合、テーブル全体の幅は実際にいくつになるのでしょう?
普通に全体を足せば、245ピクセルになると思うのですが、
Dreamweaverで計算をさせると、249ピクセルになるのです。
4ピクセルの差は、どこから生まれるのでしょうか?

Dreamweaverがいけないのか、それとも、HTMLの仕様として
4ピクセルを足す必要があるのか、お分かりの方は教えていただけ
ませんでしょうか。

基本的な質問ですみません。
よろしくお願いします。


1:[回答] yuu [2003/01/28 19:30 ]

img の border がついているのでは。
<img border=1> だとすると、4ピクセル増えますよね。


2:[保留] ありす [2003/01/28 20:31 ]

yuuさん、さっそくありがとうございます。

いえ、border属性はつけていません。
border=0にもしていません。
デフォルトは「0」ですよね?(あれ?違うかな?)

とりあえずborder=0にしてみましたが、それでもやはり
249ピクセルになってしまいます。
ちなみに、この状態でテーブルのborderを0にすると、本来
10ピクセル減ると思うのですが、14ピクセル減り、235ピクセル
になってしまいます。

つまり、ボーダーを設定すると、各セルの罫線ごとに1ピクセル
ずつ増えている感じなのです。(今回、縦の罫線は4本なので)
この計算が正しいのでしょうか?

たびたびすみませんが、よろしくお願いします。


3:[回答] zoo [2003/01/28 23:01 ]

以前、ブラウザで表示して数えたことがあります
ちょっと記憶があやふやですが、WinIE,NC4では249ピクセルだと思います
NS6では1ピクセル大きく250ピクセルだったように記憶してます

実際に数えれば解決すると思いますよ


4:[保留] ありす [2003/01/29 00:03 ]

zooさん、ありがとうございます。

実は、数えました(^^ゞ
で、そうだということが分かったので、それが「なぜなのか」が
知りたいのです。
どうして4ピクセル増えるの?ということが。
どの部分が4ピクセル増えているのかな、と思って。

何度も申し訳ないのですが、よろしくお願いします。


5:[回答] gun [2003/01/29 11:35 ]

cellspacingの影の部分(内側の暗い線)ぽいですが、
この影の部分の幅を変えることは可能ですか?


6:[回答] スタイルシート [2003/01/29 11:57 ]

ソースを提示したほうが早く解決するのでは?


7:[完了] ありす [2003/01/29 23:32 ]

みなさん、ありがとうございました。
自分で調べて解決しました。

gunさんがおっしゃるように、内側の暗い線らしいです。
この線は、ボーダーの太さを変えても常に1ピクセルのようです。
ただ、まだ正確な知識としてそれで正しいのかどうかは分から
ないのですが……。Webを見ても、そういうことを解説して
いるページは見つからなかったです。

なんとなくまだしっくりきませんが、お答えいただき、
ありがとうございました。


8:[完了] yuu [2003/01/30 00:44 ]

tableの外観をHTMLではなく、CSSで制御すれば良いのでは。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World