Question

basically, i want the container to stretch vertically along with the contents inside id=content. i cant seem to figure out how, even putting height:100% value for the id=container doesnt work.

http://jsfiddle.net/hVksr/

CSS for container

#container {
width: 400px;
height:100%;
margin:auto;   
background:#ccc; 
}

HTML MARKUP

<div id="container">
   <div id="head">
       header
   </div>

   <div id="content">
      Contents Here  
   </div>

   <div id="side">
      Side Contents
   </div>

</div>​ <!--/container-->

Answer 1

Try this it should work

#container {
    width: 400px;
    min-height:100px;
    height:auto;
    overflow:hidden;
    margin:auto;   
    background:#ccc;


}

Hope this helps 😀