私は明らかに多くの人々の頭痛の原因となるこのことをやろうとしています。私は、左側のサイドバーdivと右側のメインコンテンツdivを持っています。それらの下に、フッター。サイドバーで、divの上端から下端まで背景画像で塗りつぶしたストリップを実行したいので、メインコンテンツのdivの高さに合わせて、高さや高さに合わせてフッターの上に止めることができます。ページ全体ではなく、親に垂直にdivを伸ばしてください
私が何をしているのかを知りたい場合は、例題ページをhttp://lumn.net/about.htmlにします。リンクはアクティブではなく、コードは非常に乱雑です - 私は文字通り今週自分自身にCSSを教えています。しかし、少なくとも私が想定しているレイアウトを見ることができます。
<html>から「height:100%」の束を宣言しようとしましたが、問題のdivを通過しましたが、それはページ全体で伸びますが、親の高さには一致しません。 「高さ:100%」を「ストリップ」divとその親にのみ使用すると、何もしないように見えます。私も "position:absolute; top:0; bottom:0"を試みました。これも何もしませんでした。 divは消えます(それには何も含まれていないので、背景イメージです)。
次に、http://www.cssnewbie.com/equal-height-columns-with-jquery/にあるjQueryプラグインを試しましたが、正しく呼び出す方法がわからなかったり、ページ内の何かが動作しないようにしていました。あなたについてだけのコンテンツのdivの内側に背景画像としてサイドバーを入れて、それが左を下に実行させるために、メインのコンテンツのdivに
background: url('image.jpg') repeat-y;
padding-left: 210px;
を使用する方法
あなたの問題は、サイドバーがフッターに伸びていないことですか?あなたは問題が何であるか正確にちょっと曇ります。 –
はい。ピクセル単位で高さを宣言すれば、それを表示することしかできません。長いページでは長く伸ばし、短いものでは伸ばしてください。 – poetiscariot