Column Sizing Problem

[Bogey]

July 1st, 2009, 3:53 pm

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

[mindfullsilence]

July 1st, 2009, 8:36 pm

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

[Bogey]

July 1st, 2009, 9:09 pm

mindfullsilence wrote:

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).

[mindfullsilence]

July 1st, 2009, 9:51 pm

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%

[CXLink]

July 2nd, 2009, 5:00 am

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

[Bogey]

July 2nd, 2009, 11:31 am

CXLink wrote:

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.

[CXLink]

July 2nd, 2009, 11:47 am

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

[Bogey]

July 2nd, 2009, 12:58 pm

CXLink wrote:

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.

[mindfullsilence]

July 2nd, 2009, 1:35 pm

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?

[Bogey]

July 2nd, 2009, 2:50 pm

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

[mindfullsilence]

July 2nd, 2009, 2:57 pm

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

[Bogey]

July 2nd, 2009, 3:01 pm

mindfullsilence wrote:

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

Yes, I have. That doesn't work.

[mindfullsilence]

July 2nd, 2009, 3:53 pm

have you added the astrisk hack?

Code: [ Download ] [ Select ]

* {
margin: 0px;
padding: 0px;
}

1. * {
2. margin: 0px;
3. padding: 0px;
4. }

[mindfullsilence]

July 2nd, 2009, 3:58 pm

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

[Bogey]

July 2nd, 2009, 4:15 pm

That didn't do anything.