For div to extend full height
Posted
by
Shamil
on Stack Overflow
See other posts from Stack Overflow
or by Shamil
Published on 2010-12-27T00:15:50Z
Indexed on
2010/12/28
22:53 UTC
Read the original article
Hit count: 236
Hello, is there a method I can use for a div to extend to full height? I've got a sticky footer in it as well.
Here's the web page: http://www.radonsystems.net. The middle bit I'm talking about is the white div, midcontent which has CSS values:
.midcontent{
width:85%;
margin:0 auto;
padding:10px 20px;
padding-top:0;
background-color:#FFF;
overflow:hidden;
min-height:100%;
max-width:968px;
height:100%;
}
So yes, obviously height:100% didn't work. Additionally, ALL parent containers have height set.
Here's the general structure
<body>
<div id="wrap">
<div id="main">
<div class="headout">
<div class="headimg"></div>
</div>
<div class="midcontainer"></div>
</div>
</div>
<div id="footer">
<div class="footer"></div>
</div>
© Stack Overflow or respective owner
