CSSのテーブルの縦100%について

質問

CSSの縦100%指定について伺います。

現在、三行二列のテーブルを、縦100%のレイアウトにしようとしております。
上段一行は一列に統合して、ヘッダーを入れます。
下段一行は一列に統合して、フッターを入れます。

一行目と三行目の縦幅をピクセルで指定して、
二段目の高さをautoに指定し、
テーブル全体の縦の高さを100％にして、
ウィンドウサイズが変わったときに二段目のみが伸縮するように
出来るものでしょうか。

お分かりの方、どうぞご助言をお願いいたします。

回答No.1

an-gooo · ベストアンサー

ヘッダー部とフッター部の高さだけ指定するのはどうでしょう？
<table style="height:100%;">
<tr>
<td colspan=2 style="height:25px;">Header</td>
</tr>
<tr>
<td>first col</td>
<td>second col</td>
</tr>
<tr>
<td colspan=2 style="height:25px;">Footer</td>
</tr>
</table>

補足

お返事とお礼が非常に遅れまして、大変失礼いたしました！
アドバイスをありがとうございます。
実はスタイルシートで、そのように設定もしてみたのです。
ヘッダー部分とフッター部分のみ指定し、真ん中のセルを
オートにしたり、無指定にしてみたりです。
その上でうまくいかなかったもので、もしかしたらもっと根本的な何かが間違っているのかも知れないです・・

本当にお返事が遅れまして大変失礼いたしました。
ありがとうございました。