I'm struggling with ensuring that my content container div extends to the bottom of the page properly, even when the content itself is short and does not fill the entire page. The issue is that the container continues past the bottom of the page in such cases.
Here's the current structure:
<div id="container">
<div id="logo"></div>
<div class="clear"></div>
<div class="spacer"></div>
<div class="content">
<div class="post">
<div class="right"></div>
</div>
<div id="centerit">/div>
</div>
</body></html>
And here's the associated CSS:
body{
background:url(bg.jpg);
font-family:verdana, helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#b3b3b3;
height:100%;
min-height:100%;
}
a {
color:#fff;
text-decoration:none;
font-weight:bold;
outline:none;
}
/* Additional CSS styles... */