WEB相談室

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

タイトル:セルが広がってしまう

0:[投稿] 彪子 [2005/04/17 21:44 ][環境:IE5,WIN98 UNIX]

いつもお世話になりありがとうございます。

(1) http://www.niji.or.jp/home/kyousei/qanda_02.htm

(2) http://www.niji.or.jp/home/kyousei/thesis01.htm

のヘッダーの部分(ホーム  | ごあいさつ  … とその下の仕切り線)はソースの表示で見ていただくとわかるように、 <!-- ここから --> と <!-- ここまで --> の間に記述した、両ページともまったく同じタグで実現しています。
でも、 (2) は ホーム  | ごあいさつ  … の入ったセルも、その下の仕切り線の入ったセルも、上下にのびてしまっています。
質問1:(2) を (1) と同じ大きさにするにはどうしたらいいでしょうか。
質問2: 大きくなった表(テーブル)を小さくするのが非常に難しい場合がありますが、一般にどのような解決法があるでしょうか。


1:[回答] を [2005/04/18 12:01 ]

質問1の回答
(2)のソースを覗いてみたところ、
TD {PADDING:20PX;
という記述がありました。
これがセルを広げている原因です。

PADDING:20pxを消すか、ヘッダーの部分の部分のスタイルのPADDINGを個別指定又はクラス指定してみてください。

質問2の回答
スクロールバーをつける、改行を入れてすべてを見せる、はみ出したセルは見せない等様々な方法が考えられます。
テーブルの目的で、どのように見せるかを決定してみてはいかがでしょうか。
style overflow等で調べてみてください


2:[完了] 彪子 [2005/04/18 20:54 ]

をさん、ありがとうございます。
質問1については、自分でTD {PADDING:20PX; というタグを書いて、その意味もわかっていたつもりなのに、気づかなかなかったのはお恥ずかしいです。でも、教えていただかなかったら、いつまでもわからなかったと思います。
質問2については、いろんなケースがあると思いますが、たぶん質問1と同様に何かの原因があってそうなっているのでしょう。

みなさんが高度な質問をされている中で、私だけ場違いなことを問題にしているようで申し訳ないのですが、できればこれからもよろしくお願い致します。ありがとうございました。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World