1

高さが 100% のテーブルがあります。このテーブルには 3 つの行があります。高さ 100 ピクセルの 1 行目と 3 行目。したがって、高さの行を固定します。2列目奥にもう1テーブル。そして、このテーブルも高さの 100% にして、高さのスペースを自動的に計算したいと思います。はい、私の CSS では、HTML と BODY の高さ: 100%、マージン: 0px、パディング: 0px です。このような:

<table border=0 cellpadding=0 cellspacing=0 width=100% style="height: 100%;">
<tr>
<td height=100>Header</td>
</tr>
<tr>
<td style="height: 100%;">
<table border=01 cellpadding=0 cellspacing=0 width=90% style="height: auto;">
<tr>
<td style="height: 50px;">Inside 1</td>
</tr>
<tr>
<td style="height: 100%;">Inside 2</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height=100>Footer</td>
</tr>
</table>

IE と Chrome では、高さが完全に間違っています...どうすればこれを解決できますか?

4

2 に答える 2

1
  1. これらのテーブルは、表形式のデータまたはレイアウトに使用されていますか? レイアウトにテーブルを使用しないでください。HTML のレイアウトにテーブルを使用しない理由を参照してください。.

  2. これは HTML5 ではありません。HTML5 は、これらの要素の cellpadding、cellspacing、border、width、または height 属性をサポートしていません。代わりに CSS を使用する必要があります。

  3. 一般的に言えば、jsFiddleなどを提供すると、これらの問題のトラブルシューティングを支援するのがはるかに簡単になります。

  4. 問題を実際に解決するには、埋め込みテーブルの高さを100%ではなくに設定しますautojsFiddle . しかし、真剣に、#1-3は#4よりも重要です.

于 2012-09-28T21:27:40.890 に答える
0

テーブル自体ではなく、内部テーブルの 100% の高さを td 要素に割り当てています。

上記の 6 行目で高さの宣言を削除し、テーブルの 7 行目で "height: auto;" を変更します。「高さ: 100%;」に

于 2012-09-28T21:28:50.177 に答える