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>

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!

Umm.. guess you didn't read ALL the stickies:

http://www.webmaster-talk.com/css-fo...l-browser.html

Put height: 100% on the body.

Sorry about that! I'll make sure to take my time when reading the stickies. Wow, I still can't believe I missed that :P Thanks so much!