- ベストアンサー
TABLE内のTABLEのHEIGHT属性が利かない
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）
- 専門家の回答
質問者が選んだベストアンサー
TABLEタグにはCELLPADDINGという要素があり、 これは枠線から中身までの距離という意味があります。 質問の場合は設定されていないのでデフォルトの値が設定されています。 IE5.0(MAC)とIE5.5(WIN)ではその値が違うんでしょうね。 とにかく<TABLE WIDTH="600" HEIGHT="600"> にCELLPADDING要素を付け、 <TABLE WIDTH="600" HEIGHT="600" CELLPADDING="0">で 解決できるはずです。 雑な説明と思いますので、 とりあえずまったく同じことを懇切丁寧に書いてあるページを紹介します。
その他の回答 (2)
- dagtrio
- ベストアンサー率40% (19/47)
あのう・・・ サンプルのソースをコピペしてBORDERを１にしてブラウザで見てみたら・・・ ちゃんと １００％なんですが？？？ ちなみに、IE5.5 Win（Me）です (^_^;)
- sapari
- ベストアンサー率32% (32/100)
<TABLE WIDTH="600" HEIGHT="600">を <TABLE BORDER WIDTH="600" HEIGHT="600">に してみてはいかがでしょうか？
お礼
回答ありがとうございます。 BORDERは何か値を入れないのでしょうか？ ちょっと試してみたんですが、だめでした。 もうあきらめてきました。 そういう仕様なのだと。
お礼
回答ありがとうございました。 ちょっと質問がおおざっぱすぎてうまく伝わらなかったようです。 TABLE単独ではHEIGHTを100%にすると表示可能な範囲内で最大の高さで表示することが可能ですが、 それを入れ子にしたとたんHEIGHT（％指定）にかぎって利かなくなってしまうということを解決したいと思ったのです。 内側のTABLEのHEIGHTをpixで指定すれば利くことは利くのですが％にするとだめなのです。 質問で記載したソースをちょっとブラウザで見てみて下さい。 とても不思議な現象だと思うはずです。 ただ、解決法もなさそうなので半分あきらめています。
補足
補足ですが、 サンプルのソースのBOEDERを1にしてみて下さい。