TABLE内のTABLEのHEIGHT属性が利かない

解決済

質問者：megane
質問日時：2001/11/30 14:26
回答数：3件

TABLEの中にTABLEを入れ子にしてHTMLを作ったのですが、
外のTABLEのHEIGHTを変動にして、内のTABLEのHEIGHTを100%にしてもHEIGHTがくっつきません。
検証したところ、IE5.0(Mac)は利くようですが、IE5.5(Win)は100%が利きません。
そういう仕様なのでしょうか？しょうがないのでしょうか？
それともCSSで解決できるものでしょうか？

ご存じの方いらっしゃいましたらご教授ください。
参考に、ソースをご覧ください。

<HTML>
<HEAD>
<TITLE>SAMPLE</TITLE>
</HEAD>
<BODY>
<TABLE WIDTH="600" HEIGHT="600">
<TR>
<TD>
<TABLE WIDTH="500" HEIGHT="100%">
<TR>
<TD>SAMPLE</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

No.1ベストアンサー

回答者： elthy
回答日時：2001/11/30 14:33

TABLEタグにはCELLPADDINGという要素があり、

これは枠線から中身までの距離という意味があります。
質問の場合は設定されていないのでデフォルトの値が設定されています。
IE5.0(MAC)とIE5.5(WIN)ではその値が違うんでしょうね。

とにかく<TABLE WIDTH="600" HEIGHT="600"> にCELLPADDING要素を付け、
<TABLE WIDTH="600" HEIGHT="600" CELLPADDING="0">で
解決できるはずです。

雑な説明と思いますので、
とりあえずまったく同じことを懇切丁寧に書いてあるページを紹介します。

参考URL：http://tohoho.wakusei.ne.jp/html/table.htm

この回答への補足

補足ですが、
サンプルのソースのBOEDERを1にしてみて下さい。

補足日時：2001/12/01 11:39

通報する

- 0
- 件

通報する

この回答へのお礼

回答ありがとうございました。
ちょっと質問がおおざっぱすぎてうまく伝わらなかったようです。

TABLE単独ではHEIGHTを100%にすると表示可能な範囲内で最大の高さで表示することが可能ですが、
それを入れ子にしたとたんHEIGHT（％指定）にかぎって利かなくなってしまうということを解決したいと思ったのです。
内側のTABLEのHEIGHTをpixで指定すれば利くことは利くのですが％にするとだめなのです。

質問で記載したソースをちょっとブラウザで見てみて下さい。
とても不思議な現象だと思うはずです。
ただ、解決法もなさそうなので半分あきらめています。

通報する

お礼日時：2001/12/01 11:37