CSS - page extending past main body content

[jonnyhay]

I have a website I created mostly in CSS, and I have a problem where when the content expands past "the fold" only the main content column extends, but not the side column. Furthermore, the footer doesn't extend with the main content but just floats at the bottom of the page. If anyone can help with some kind of height: 100% tag (which I tried but doesn't work), I would greatly appreciate it.

http://www.concreatures.com/main.html

(this page works)

http://www.concreatures.com/greystonestest.html

( i can't get the left column to expand with the body, or align at the top, it's one or the other?!)

Any help is much appreciated?!

[C55inator]

Try putting everything in a <div> with width:100%;height:/*how high you want the page to be.*/;

[jonnyhay]

thanks, but it didn't work.
it extends 100%, as it did before, but it starts a few inches down, NOT at the top.

Also, i don't know why i'd have to embed the column in another DIV if the DIV it is in is already set to 100% height, as well as vertical-align:top;

WHY DOES THE CSS IGNORE ME??

[C55inator]

That is really weird. Are you making this by hand, or in Dreamweaver, Nvu, or some other wysiwyg editor?

[auntnini]

You seem to be using tables instead of CSS for your layout. I did not try to follow all the <tr><td></td></tr> entities, but wonder if you just have an empty cell at the top of the "left column" and/or if you should have a <td rowspan="2"> for the middle section?

[C55inator]

Safari didn't find any errors, so your nesting is fine.