0

まず第一に、この質問を通してこの非常に議論された問題をもう一度提起することを許してください。

私のサイトにはダッシュボード(iGoogleと同様)と、ユーザーがダッシュボードのさまざまなレイアウトオプションを切り替えるためのオプションがあります。これらのレイアウトのいくつかには、にまたがるテーブルセルがあります。このようなセルでは、ブラウザウィンドウのサイズを800x570程度の小さなビューに変更したときに、内部が使用可能な100%の高さを占めることはありません。私の現在の解像度は1280x1024です。 (rowspan and colspan)<div><td>

レイアウトは次のようになります。問題のあるレイアウト

いくつかのスタイル情報:
身長:100%;
テーブルのセル間隔:0; セルパディング:0; ボーダー間隔:2px; マージン:0; パディング:0;
th、tr、td vertical-align:top;

私はこれらの投稿の解決策を読んで適用しましたが、役に立ちませんでした。
td内のフルハイトdiv
テーブルセル内で高さ100%までストレッチdivをフルセル高
さで占める
ようにする<div>を<td>高さで埋める方法

助けてください!

4

1 に答える 1

0

問題は、最初の行の小さいセルの内容にありました。ブラウザのサイズを小さいサイズに変更すると、これらの小さいtdのdivコンテンツが互いに重なり合って(元々は並んで)、他の3つの大きいtdと比較してセルの合計の高さの要件が増加します。セル。このレイアウトでは990px ​​、本体では1160pxの最小幅を確保することで、これを回避しました。 (min-width:)

于 2012-06-22T06:10:00.370 に答える