これが別の場所で尋ねられたことは知っていますが、解決策が見つかりません。私はシンプルなレイアウトをしています。内部に 2 つのフローティング div があるコンテナー Div。左の div にはナビゲーションがあり、背景画像があります。右側の div は背景がしっかりしており、各ページのコンテンツに基づいて動的に変化します。コンテンツ div に問題はありません。私の問題は、コンテンツ div の高さに合わせて左の div を垂直に「伸ばす」ことです。何が起こっているかというと、左が min-height 値まで伸びているだけです。これが私のCSSです：
#containerTemp {
margin-left:auto;
margin-right:auto;
width:1000px;
min-height:100px;
height:auto;
}
#containerNavigation {
width:210px;
float:left;
background-image:url(../images/template/linkbgd.gif);
background-repeat:repeat-y;
min-height:500px;
height:100%;
}
#containerContent {
width:790px;
background:#FFFFFF;
background-repeat:repeat-y;
float:right;
min-height:500px;
height:100%;
}
このページにアクセスして問題を確認できます: http://www.athensfireandrescue.org/?pid=7
簡単なことだと思いますが、指を置くことはできません。冗長な質問で申し訳ありませんが、私の検索では実行可能な解決策が見つかりませんでした。