WEB相談室

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

タイトル:WIDTHの指定について

0:[投稿] りょう。 [2002/06/04 15:04 ][環境:WIN+OTHER WIN系+Java]

2つの同じ構造のテーブル(「【合計】その1」、「【合計】その2」テーブル)があり、各テーブルの同じ項目のセル幅(<TH>部分)は同じに設定しているのですが、<TD>部分に入る金額などの文字数が異なる場合、2つのテーブルの同じ項目のセル幅が異なって表示されてしまいます。
しかし、ウィンドウサイズを最大化すると2つのテーブルとも同じセル幅で表示されるのですが、ウィンドウサイズを最大化せずに別々のテーブルの同じ項目のセル幅を同じにするには、どう指定をどのようにすればいいのでしょうか????
ちなみに2つのテーブルの<TABLE WIDTH>はピクセル指定をせずに実現したいのですが。。。
色々やってみましたが、どの方法もうまいかずかなり困っています。
回答できる方、ぜひお願いします!!!!

--- sample source-------------

<HTML>
<HEAD>
<TITLE>hoge</TITLE>
 <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Shift_JIS">
</HEAD>
<BODY BGCOLOR="#FFFFFF" VLINK="#FF0000" LINK="#0000FF">
 <TABLE CELLSPACING="0">
   <TR>
     <TD>【合計】その1<BR>
       <TABLE BORDER="1" FRAME="BOX" RULES="ALL" CELLSPACING="0">
         <TR>
           <TH WIDTH="20" ROWSPAN="2" BGCOLOR="#FFCCC">No</TH>
           <TH ROWSPAN="2" BGCOLOR="#FFCCC" WIDTH="120">支店</TH>
           <TH BGCOLOR="#FFCCC" WIDTH="100">●●金額1</TH>
           <TH BGCOLOR="#FFCCC" WIDTH="100">●●金額2</TH>
           <TH BGCOLOR="#FFCCC" WIDTH="100">●●金額3</TH>
           <TH BGCOLOR="#FFCCC" WIDTH="100">●●金額4</TH>
           <TH BGCOLOR="#FFCCC" WIDTH="100">●●金額5</TH>
           <TH BGCOLOR="#FFCCC" WIDTH="100">●●金額6</TH>
           <TH BGCOLOR="#FFCCC" WIDTH="100">●●金額7</TH>
           <TH WIDTH="100" ROWSPAN="2" BGCOLOR="#FFCCC">合計</TH>
         </TR>
         <TR>
           <TH WIDTH="100" BGCOLOR="#FFCCC">仮確定</TH>
           <TH WIDTH="100" BGCOLOR="#FFCCC">仮確定</TH>
           <TH WIDTH="100" BGCOLOR="#FFCCC">仮確定</TH>
           <TH WIDTH="100" BGCOLOR="#FFCCC">未確定</TH>
           <TH WIDTH="100" BGCOLOR="#FFCCC">未確定</TH>
           <TH WIDTH="100" BGCOLOR="#FFCCC">未確定</TH>
           <TH WIDTH="100" BGCOLOR="#FFCCC">未確定</TH>
         </TR>

         <TR>
           <TH WIDTH="20">1</TH>
           <TD WIDTH="120">ほげほげほげ1</TD>
           <TD ALIGN="RIGHT" WIDTH="100"><FONT SIZE="2">0</FONT></TD>
           <TD ALIGN="RIGHT" WIDTH="100"><FONT SIZE="2">999</FONT></TD>
           <TD ALIGN="RIGHT" WIDTH="100"><FONT SIZE="2">999</FONT></TD>
           <TD ALIGN="RIGHT" WIDTH="100"><FONT SIZE="2">99,999,999,999</FONT></TD>
           <TD ALIGN="RIGHT" WIDTH="100"><FONT SIZE="2">99,999,999,999</FONT></TD>
           <TD ALIGN="RIGHT" WIDTH="100"><FONT SIZE="2">99,999,999,999</FONT></TD>
           <TD ALIGN="RIGHT" WIDTH="100"><FONT SIZE="2">99,999,999,999</FONT></TD>
           <TD ALIGN="RIGHT" WIDTH="100"><FONT SIZE="2">99,999,999,999</FONT></TD>
         </TR>
       </TABLE>
     </TD>
   </TR>
   <TR>
     <TD><BR>【合計】その2<BR>
       <TABLE BORDER="1" FRAME="BOX" RULES="ALL" CELLSPACING="0">
         <TR>
           <TH WIDTH="20" ROWSPAN="2" BGCOLOR="#FFCCC">No</TH>
           <TH WIDTH="120" ROWSPAN="2" BGCOLOR="#FFCCC">支店</TH>
           <TH BGCOLOR="#FFCCC" WIDTH="100">●●金額1</TH>
           <TH BGCOLOR="#FFCCC" WIDTH="100">●●金額2</TH>
           <TH BGCOLOR="#FFCCC" WIDTH="100">●●金額3</TH>
           <TH BGCOLOR="#FFCCC" WIDTH="100">●●金額4</TH>
           <TH BGCOLOR="#FFCCC" WIDTH="100">●●金額5</TH>
           <TH BGCOLOR="#FFCCC" WIDTH="100">●●金額6</TH>
           <TH BGCOLOR="#FFCCC" WIDTH="100">●●金額7</TH>
           <TH WIDTH="100" ROWSPAN="2" BGCOLOR="#FFCCC">合計</TH>
         </TR>
         <TR>
           <TH WIDTH="100" BGCOLOR="#FFCCC">仮確定</TH>
           <TH WIDTH="100" BGCOLOR="#FFCCC">仮確定</TH>
           <TH WIDTH="100" BGCOLOR="#FFCCC">仮確定</TH>
           <TH WIDTH="100" BGCOLOR="#FFCCC">未確定</TH>
           <TH WIDTH="100" BGCOLOR="#FFCCC">未確定</TH>
           <TH WIDTH="100" BGCOLOR="#FFCCC">未確定</TH>
           <TH WIDTH="100" BGCOLOR="#FFCCC">未確定</TH>
         </TR>
         <TR>
           <TH>1</TH>
           <TD>ほげほげほげ1</TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
         </TR>
         <TR BGCOLOR="#DDDDDD">
           <TH>2</TH>
           <TD>ほげほげほげ2</TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
         </TR>
         <TR>
           <TH>3</TH>
           <TD>ほげほげほげ3</TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
         </TR>
         <TR BGCOLOR="#CCEEFF">
           <TD WIDTH="20"><BR>
           </TD>
           <TD WIDTH="120">合 計</TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
           <TD ALIGN="RIGHT"><FONT SIZE="2">0</FONT></TD>
         </TR>
       </TABLE>
     </TD>
   </TR>
 </TABLE>
</BODY>
</HTML>


1:[質問] りょう。 [2002/06/05 10:36 ]

すみません。
なんか、説明がうまくできなかったので、分りづらい文章
だったと思います。。。
別の質問にしてみます。。。

<TABLE WIDTH>を指定せずに、<TD WIDTH>だけを指定した場合、
ウィンドウサイズを変えると、テーブルの幅が可変になり
<TD WIDTH>が無効になってるような気がするのですが、、、。
<TD WIDTH>を固定する為には、その<TD>の親の<TABLE WIDTH>を
指定するしかないのでしょうか?!?!

どなたか、ご回答よろしくお願いします。m(_ _)m


2:[回答] ナン [2002/06/06 14:23 ]

><TD WIDTH>が無効になってるような気がするのですが、、、。
中身の文字列の長さが優先されるようです。
つまり、見栄えより中身優先ってことでしょうか、、、。


3:[回答] み2 [2002/06/13 15:11 ]

反則の様な気がしますが、TABLEタグ中にCOLS="10"とかを
指定すると、WIDTHのピクセル指定をせずにテーブルの幅が
固定されます(上記のHTMLの場合ですね)。


4:[質問] りょう。 [2002/06/14 13:09 ]

ナンさん(遅くなりましたが、、、)、み2さん回答
アリガトウございます!!!

み2さんへ
お答えくださった方法でちょっと試してみます。。。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World