1

フッターのないアプリケーションでアプリケーション レイアウトを unsing しています。lotusColLeft (または/および lotusColRight) を lotusContent div と同じ長さにする方法はありますか? ユーザーは、左側のメニューの背景色がページの一番下まで表示されないことに少し不満を持っています。

4

2 に答える 2

0

Firebug またはその他の CS デバッガーを使用して、左側のペインとコンテンツ ペインの CSS を確認し、CSS を微調整できるかどうかを確認できます (高さを 100% にしてみてください)。

コンテンツ div の高さを取得してから、左側の div を CSJS onClientLoad で同じ高さに設定する必要がある場合があります。ユーザーがブラウザー ウィンドウのサイズを変更した場合に備えて、ウィンドウのサイズ変更イベントでも同じコードを使用する必要があります。

ハワード

于 2015-06-26T20:22:59.930 に答える
0

OK、これが最終的にこれを実現する方法です。背景画像を使用しました。理想的ではありませんが、同意しますが、元のソリューションよりも問題が少ないです（この回答の下部にあります）：

.lotusContent {
    background: url(leftColBkgd.png) repeat-y;
}

.lotusColLeft { 
    background-color: grey; 
    position: absolute;
    z-index: 10;
}

.lotusMain .lotusContent {
    padding-left: 230px;
}

元のソリューション:

.lotusColLeft { 
    background-color: grey; 
    min-height:2048px;
    position: absolute;
    z-index: 10;
}

.lotusMain .lotusContent {
    padding-left: 230px;
}
于 2015-06-29T17:18:06.923 に答える