Column Sizing Problem

I have two columns on my site which I can't get it to be exactly the same size like I had with my previous two versions of my site.

I'm approaching this the same way I have the last 2 times and it's not working. I don't know why. I don't know what else to do.

I don't want to go with an image on the container div (site_wrap) because if you re-size the screen, I want the left column to re-size accordingly. I hope that made sense


Thank you

so you want the navigation bar and the forum area to be the same width?

Yes and a grey line under both of them for the copyright.

Like the this. (That is from one of the previous projects).

hmmm, I think I'm misunderstanding. If you want both columns to be of equal width than you would set the css property for both "left_column" and "right_column" to 50%

Are you counting the sidebar as a column and the content area as a column? Is that the 2 columns your talking about?

Yes sir.

Not sure I am following what you mean. The columns here aren't exactly the same width, one is 20% and one is 77%.

I'm not sure what I mean as well, I meant height not width. Sorry.

okay, I gotcha. So you meant you wanted the navbar to be the full height of the page. I remember seeing the shadow next to the navbar not extending all the way to the bottom. Looking at it now it looks like you fixed it. Is this an accurate assumption?

I didn't fix that... The left column is higher (taller, bigger, whatever), the the right column.

have you tried giving "site_wrap" a specified height like 100%?

Yes, I have. That doesn't work.

have you added the astrisk hack?

also, right now your left_column is taller than your "right_column"

left_column is set to 100%

right_column height is not declared

left_column has 2 position properties. float:left and position:absolute

try removing float:left from left_column.

add left:0; and top:25px; to left_column

That didn't do anything.