テーブルのセルの高さを設定するには、HEIGHT=で設定すればいいと思うのですが、
たとえば、わかりやすい例でいうと、

<HTML>
<BODY>
<TABLE BORDER=1>
<TR><TD VALIGN="top">セルA</TD>
<TD VALIGN="top" ROWSPAN="2">
<TABLE BORDER=1>
<TR><TD>セルB-1</TD><TD>セルB-2</TD></TR>
<TR><TD>セルB-3</TD><TD>セルB-4</TD></TR>
<TR><TD>セルB-5</TD><TD>セルB-6</TD></TR>
<TR><TD>セルB-7</TD><TD>セルB-8</TD></TR>
<TR><TD>セルB-9</TD><TD>セルB-10</TD></TR>
<TR><TD>セルB-11</TD><TD>セルB-12</TD></TR>
<TR><TD>セルB-13</TD><TD>セルB-14</TD></TR>
</TABLE>
</TD></TR>
<TD VALIGN="top">セルC</TD></TR>
</TABLE>
</BODY>
</HTML>

というテーブルの場合、セルAとセルCの境界はセルBの高さの真中くらいに
なると思います。
それで、セルAとセルCの内容は固定なのですが、セルB内のテーブルはcgiからの
書き出しで可変長です。
実現したいことは、セルBの大きさにかかわらず、セルAの高さを固定したいのです。
セルCはセルBの高さと連動して可変するようにテーブルを組みたいのですが、
どのように指定すれば実現できるでしょうか?
セルAにHEIGHT指定してもなぜか、無視(?)されてしまいます・・・
よろしくお願いします。

このQ&Aに関連する最新のQ&A

A 回答 (3件)

セルCも高さを指定すればいいと思いますよ。


↓のように。

<HTML>
<BODY>
<TABLE BORDER=1>
<TR><TD HEIGHT="24px" VALIGN="top">セルA</TD>
<TD VALIGN="top" ROWSPAN="2">
<TABLE BORDER=1>
<TR><TD>セルB-1</TD><TD>セルB-2</TD></TR>
<TR><TD>セルB-3</TD><TD>セルB-4</TD></TR>
<TR><TD>セルB-5</TD><TD>セルB-6</TD></TR>
<TR><TD>セルB-7</TD><TD>セルB-8</TD></TR>
<TR><TD>セルB-9</TD><TD>セルB-10</TD></TR>
<TR><TD>セルB-11</TD><TD>セルB-12</TD></TR>
<TR><TD>セルB-13</TD><TD>セルB-14</TD></TR>
</TABLE>
</TD></TR>
<TR><TD HEIGHT="150px" VALIGN="top">セルC</TD></TR>
</TABLE>
</BODY>
</HTML>

この回答への補足

返答ありがとうございます。
はい、それも試してたんですが、セルBの高さが、セルA、セルCの合計の高さよりも
高くなった時にセルAのサイズが指定よりも高くなってしまい固定されないのです・・・。
セルCの高さを、(セルBの高さ-セルAの高さ)のこれ以上はないと思われる高さに
指定しておけばいいのでしょうが、その場合セルBが短いと余白ができてしまいますし・・・
どうしたらよいものでしょう・・・

補足日時:2002/04/05 10:54
    • good
    • 0
この回答へのお礼

回答ありがとうございました。
現在の内容をあまり変更したくないので、セルCをある程度高くしておいて
対応することにしました。参考になりました。

お礼日時:2002/04/09 20:15

急いでいるのでしたら、とりあえず下記のHTMLをお試しになられては?



★…‥‥━━━━━━━━━━━━━━━━━━‥‥…★

<HTML>
<BODY>
<TABLE BORDER=1>
<TR><TD VALIGN="top">
<TABLE BORDER=1>
<TR><TD HEIGHT="24px">セルA</TD></TR>
<TR><TD HEIGHT="100%">セルC</TD></TR>
</TABLE>
</TD>
<TD VALIGN="top">
<TABLE BORDER=1>
<TR><TD>セルB-1</TD><TD>セルB-2</TD></TR>
<TR><TD>セルB-3</TD><TD>セルB-4</TD></TR>
<TR><TD>セルB-5</TD><TD>セルB-6</TD></TR>
<TR><TD>セルB-7</TD><TD>セルB-8</TD></TR>
<TR><TD>セルB-9</TD><TD>セルB-10</TD></TR>
<TR><TD>セルB-11</TD><TD>セルB-12</TD></TR>
<TR><TD>セルB-13</TD><TD>セルB-14</TD></TR>
</TABLE>
</TD></TR>
</TABLE>
</BODY>
</HTML>

★…‥‥━━━━━━━━━━━━━━━━━━‥‥…★

どうしてもレイアトに完璧なものを求めるのでしたら、
スタイルシートでしょうね。
参考になれば幸いです。
    • good
    • 0
この回答へのお礼

回答ありがとうございました。
現在の内容をあまり変更したくないので、セルCをある程度高くしておいて
対応することにしました。参考になりました。

お礼日時:2002/04/09 20:16

セルの高さや幅を固定するのによく使うのがスペーサーと呼ばれる透明の画像を入れる方法です。


1ピクセルX1ピクセルの透明 GIF画像を用意して、高さを指定したいセルの先頭で <img src="spc.gif" width=1 height=100> のように入れます。幅を指定する場合に使うこともあります。
ブラウザによって処理が異なり、どうしようもないときによく使う方法です。
    • good
    • 0
この回答へのお礼

回答ありがとうございました。
現在の内容をあまり変更したくないので、セルCをある程度高くしておいて
対応することにしました。参考になりました。

お礼日時:2002/04/09 20:16

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング