CSSで下まで背景色を伸ばす方法

<div ckass="Container">
<div class="Left"></dvi>
<div class="Right"></dvi>
</div>

html, body { height:100%;}
.Left-Section{height: 100%;min-height: 100%; }
.Right-Section{height: 100%;min-height: 100%; }
.Container{height: 100%;min-height: 100%;}

と設定しているのですが、div class="LEFT"とclass="Right"の背景色がページ下まで伸びず困っています。
どうしたらいいのでしょうか？

No.1 ベストアンサー 回答者： metametamu 回答日時： 2011/01/07 13:19

とりあえずclass名が対応していないので直して、min-heightを使う場合はハックをかませる方が良いと思います。

.Left{
height:auto !important;
height:100%;
min-height:100%;
}


名前がLeft、Rightとなっているので、floatなどで横に並べられているのでしょうか？
heightは崩れの原因になりやすいので、その場合html要素に背景画像をrepeat-yで並べて、ボックスが下まで伸びているように見せる方がいいんじゃないでしょうか。

html{
background:url(image.jpg) repeat-y center top;
}

この回答へのお礼

回答ありがとうございます。
じっさいにはfloatで回り込みを指定して左右に表示しています。

>class名が対応していないので

これはいったいどういうことでしょうか？

お礼日時：2011/01/07 15:27

No.3 回答者： ORUKA1951 回答日時： 2011/01/07 22:08

＞<div ckass="Container">

＞<div class="Left"></dvi>
　^^^^^－－－－－－－^^^^※/<div>って何ですか。これじゃ要素が閉じられない・・
＞<div class="Right"></dvi>
　^^^^^－－－－－－－^^^^※/<div>って何ですか。これじゃ要素が閉じられない・・
＞</div>

.Left-Section{height: 100%;min-height: 100%; }
↑
　クラスセレクタを指定されていますが、上のHTMLにそのようなクラスはないです。あるのはLeftです。

　

この回答へのお礼

下記の通り、こちら側のミスです。

お礼日時：2011/01/09 21:53

No.2 回答者： metametamu 回答日時： 2011/01/07 18:50

<div ckass="Container">

<div class="Left"></dvi>
<div class="Right"></dvi>
</div>

となっていますが、CSS側でのセレクタはLeft-Sectionとなっています。
多分書き間違いだとは思いますが、閉じタグもdviになっていますし。

この回答へのお礼

これは大変失礼しました。
おっしゃるとおりです。

お礼日時：2011/01/09 21:52