Контейнер 100% по высоте.

Необходимо, чтобы <div id="container"> был 100% по высоте. В данный момент он принимает высоту экрана. Все что в эту область не влазиет, накладыватся на футер сверху, и фон ниже не растягивается.

Код (Text):

1.  <div id="container">
2.  
3. <div id="header">
4.  
5. </div><!-- end header-->
6. <div id="clear"></div>
7.   <div id="text">
8.     <div id="content">
9.     тут текст    </div>
10.   </div>
11. </div>    <!--[container] -->
12. <div id="footer">
13.    
14. </div><!-- end footer-->

Код (Text):

1. #container {
2.     background:url(images/bg_container.jpg) repeat-y;
3.     width:1000px;
4.     min-height: 100%;
5.     height: auto !important;
6.     height: 100%;
7.     margin: 0 auto;
8.     }
9.  
10. #header {
11.     background:url(images/bg_header.jpg) repeat-x;
12.     height:130px;
13.    
14.     }
15.  
16. #footer {
17.     background: url(images/bg_footer.png) repeat-x;
18.     height:47px;
19.     width:100%;
20.     margin:20px 0;
21.    
22.     }

http://jsfiddle.net/R98Wz/


Белый фон должен тянуть ниже.

 

Да:

Код (Text):

1. #text {
2.     margin: 10px 0 0 0;
3.     min-height: 100%;
4.     height: auto !important;
5.     height: 100%;
6.     }

 

Потому что header по ширине = ширине контейнера - фиксированная ширина в 1000px, а футер 100% по ширине, то есть на всю ширину экрана, и еще футер прижать к низу экрана надо.