So I have a problem where I have div tables set up on my site, and a footer.

The problem is that I want the right div to go to the bottom of the screen, wherever it ends, but leave enough room for the footer. What I get is a div that expands and contracts when I use the navigation collumn (the right div). I have it set so that there are hidden nav tags that appear when you click a specific section.

What makes it worse, is I somehow got my footer tag stuck in the right div, so that it is either a footer, or just lovely text on the right below the links.

The whole container and placement tags are here. If you can help solve this so I can have it set up properly, that'd be great.



#pagecontainer {
background-image: url(img/bg02.gif);
padding: 0px 0px 0px 0px;
margin: 0px auto;
width: 775px;
text-align: left;
}

#left {
background-color: #000000;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 642px;
height: 100%;
float: left;
}

#right {
background-color: #000000;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 133px;
height: 100%;
float: right;
}

http://www.sol-martin.com/beta/news.htm

that's a beta. if you click on music and writings you'll see the hidden tag effect

I can't really help you out, because the css layouts are really confusing to me, but here's a three column layout kind of like what you have in mind:

http://webhost.bridgew.edu/etribou/layouts/skidoo/

Most of the layouts do exactly what yours is doing, ie the column doesn't go all the way down to the bottom, unless it's filled with content.

Try searching for 3 column layouts on google :)

Good luck!

thanks for the help. I would do a three column layout, but as the post is called div alignment problem #2, it means there was a #1. And that one was about, go figure, a 3 column layout! Basically I can't make the three collumn work, so I just made it a 2 column with a table in the left.

Anyone else have a thought on this?