The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Align Text To Bottom of DIV

Hello,

I have a div with all of the page's content in it. Then at the bottom there is a div class for my footer. Is there any way I can get the footer to align vertically to the bottom of the div? I've tried the verticle-align property, but it has no effect.

Or "bottom: 0;" to be more precise. Anything set to zero doesn't require units.
You might also want to place some sort of clear div before you insert your footer class, that could be causing it to not appear properly.
i.e
.clear { clear: both }

I've tried using that before, but it's really whacky. It aligns itself to the bottom of the window, not the div. Plus your code didn't even make a difference in the page (I believe you have to use position: absolute or position: relative; I've seen it used like that before).

You see, I have a left and right column. The left column is my main content, the right column is the navigation. My footer is grayed out text in my left column div.