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>

A 回答 (3件)

あのう・・・



サンプルのソースをコピペしてBORDERを1にしてブラウザで見てみたら・・・

ちゃんと 100%なんですが???

ちなみに、IE5.5 Win(Me)です (^_^;)
    • good
    • 0

<TABLE WIDTH="600" HEIGHT="600">を


<TABLE BORDER WIDTH="600" HEIGHT="600">に
してみてはいかがでしょうか?
    • good
    • 0
この回答へのお礼

回答ありがとうございます。
BORDERは何か値を入れないのでしょうか?
ちょっと試してみたんですが、だめでした。

もうあきらめてきました。
そういう仕様なのだと。

お礼日時:2001/12/01 11:42

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
    • good
    • 0
この回答へのお礼

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

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

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

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

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


このカテゴリの人気Q&Aランキング

おすすめ情報