HTML テーブルをブラウザ ウィンドウの高さの 100% まで拡大するにはどうすればよいですか?

Question

テーブルを使用して Web ページのレイアウトを設計しています。コンテンツがあまり含まれていない場合でも、表をページ全体に表示したいと考えています。私が使用しているCSSは次のとおりです。

html, body {
    height: 100%;
    margin: 0;
    padding: 0; 
}

#container {
    min-height: 100%;
    width: 100%; 
}

そして、ページのコードに次のようなものを配置します。

<table id="container">
<tr>
<td>
...

これは Opera 9 では機能しますが、Firefox 2 または Internet Explorer 7 では機能しません。このソリューションをすべての一般的なブラウザで機能させる簡単な方法はありますか?

(追加 id="container" に td 役に立ちません。)

Answer 1

ただ使用してください height の代わりにプロパティ min-height 設定時のプロパティ #container. 。データが大きくなりすぎると、テーブルは自動的に大きくなります。

Answer 2

これを使ってみてください:

html, body    {
  height: 100%;
}

したがって、テーブルの高さを 100% にすることに加えて、HTML と本体の高さも 100% であることを確認して、適切に伸縮するようにする必要があります。