私は明らかに多くの人に頭痛の種を引き起こしているこのことをやろうとしており、いくつかの近い解決策を見つけましたが、私が必要としているものではありません. 左のサイドバー div と右のメイン コンテンツ div が必要です。それらの下に、フッター。サイドバーでは、背景画像で塗りつぶされた div の上から下までストリップを実行したいのですが、メイン コンテンツの div の高さに合わせて、フッターの上で停止させたいと思います。
私が求めているものを見たい場合は、http://lumn.net/about.htmlにサンプルページを掲載しています。どのリンクもアクティブではなく、コードは非常に厄介です。私は今週、文字通り CSS を独学しています。しかし、少なくとも私が想像しているレイアウトを見ることができます。
<html> から問題の div まで一連の "height:100%" を宣言しようとしましたが、ページ全体に引き伸ばされましたが、親の高さとは一致しませんでした。「ストリップ」divとその親でのみ「高さ:100%」を使用しても、何もしないようです。「position:absolute;top:0;bottom:0」も試しましたが、これも何もしませんでした。div が消えます (背景画像しか含まれていないため)。
次に、 http: //www.cssnewbie.com/equal-height-columns-with-jquery/ で見つけた jQuery プラグインを試してみましたが、正しく呼び出す方法がわからなかったか、ページの何かがそれを妨げていました働くことから。