It's been too long.

[Gidgidonihah]

I haven't been coding anything in so long, I've forgotten how to get css to work how I want it. Picture this  I want the content div on that page to extend down to the footer.  No matter how much is in it.  No matter how large the page is, I want them to always be connected. 

What simple solution am I overlooking here?

[Jedakiah]

EDIT: On wait I see what you want.  This may not work in all browsers but you can play around with it:

Code:

div#content {
  min-height: 100%;
}

/* If I recall correctly IEs don't obey min-height but they respect height in a similar manner. */

* html body div#content {
  height: 100%;
  overflow: show;
}

The problem with this is that it will add some extra padding to the bottom I think.  Which will make the scrollbar always appear.  To correct for this you'll have to rethink the layout a wee. 

[Gidgidonihah]

See that's the thing.  It doesn't work.  I simply can't get the content div to do anything with the height: x% attribute.  I also can't get it to align to the bottom instead of the top.  I'm failing here.

[Gidgidonihah]

Scratch that.  I started over.  It works now.
Thanks.

[Jedakiah]

Oh I forgot to mention the html/body height thing.  That's has always seemed redundant to me.  Clearly the body height takes up 100% of the height or else the background image wouldn't repeat all the way.  But it works. 

[Gidgidonihah]

Yeah, I agree, it is redundant.  But I thought I already had that in there.  Oh well, got it now.  Thanks for the input.