2011-01-15 21 views
1

ページに挿入するHTMLを書いています。現在の構造は、このようなものです:コンテナを変更せずにコンテナの高さを100%にする

<table> 
<tr> 
    <td rowspan="2">left column</td> 
    <td height="1">top row above content</td> 
</tr> 
<tr><td height="220">my content here</td></tr> 
</table> 

私はテーブルを完全に制御を持っていないが、何も他の。私がしたいのは、コンテンツがセル全体を満たすようにすることです。私は幅を得ましたが、私は右の高さを得ることができません。私が試してみました

いくつかのものがあります:100%heightを設定

  • 属性はheight=200です。
  • コンテンツに絶対配置を与える。これは不運にも、セルの代わりにページを埋めるようにしました。

私が解決しなかった主な問題は、左の列と内容の高さが異なるためです。左の列がコンテンツより大きい場合は、展開されません。残念ながら、固定高さは応答しないためオプションではありません。

どのようにコンテンツを表のセル全体に合わせることができますか?

+0

どのブラウザで 'height:100%'は動作しませんか?私はFF 3.6、Opera 11、IE8、Chrome 8を試してみました。彼らは皆、td(http://jsfiddle.net/nQfGV/)の全高を喜んで満たしています。 – Frode

+0

これは問題を示しています(上記の例からコピーし、実際のページからいくつかの属性を追加しました):http://pastebin.com/HnHumG2X FirefoxとOperaの両方で、青いボックスは大きな赤ボックスが展開されます。 – Rena

+0

「divをセル全体に塗りつぶす」とはどういう意味ですか、内容を完全に各表のセルに塗りつぶすことを意味しますか? –

答えて

0

iframeとお考えですか? iframeはテーブルセルdiv内のパラメータを設定することができます。iframeは、通常、ページ上のどこにあるか気にしません。

+0

これを使用する方法の詳細を追加してください。今はあまり意味がありません。 –

関連する問題