Hi-
I've been Google-ing for quite and while and even checked some of the CSS Resources in the sticky for this forum, but can't find any answers!
I'd like the centered column (which is a 700x1 image repeated vertically due to the gradient/shadow on either side) that extends from the top of the page (I've got that much done so far) to the bottom. That's where my troube is- it doesn't go all the way to the bottom, it just stops where the content stops.
Once I get that far, I'd like the footer to also be aligned to the bottom. How can I align a div all the way to the bottom?
<issue resolved, link removed>
HTML Code:
body {
background-color: #000066;
text-align: center;
padding: 0;
margin: 0;
}
#wrapper {
margin: 0px auto 0px auto;
width: 700px;
height: 100%;
background-image: url(http://www.magruderdrama.org/test/img/layout_grad.gif);
background-repeat: repeat-y;
text-align: left;
padding: 25px 25px 0px 25px;
}
#content {
font-family: Verdana;
font-size: 0.8em;
margin: 0px 25px 25px 25px;
}
Thanks in advance for your help!
Last edited by anwipr; 09-13-2007 at 10:21 AM..
|