issue with 3 Col CSS

[snooper]

hi folks.

the following URL works fine with IE7 and FF, but the middle column drops in IE6.

can anyone suggest a solution?

Thanks in advance!

EDIT: NOT RELEVANT ANYMORE. THANKS GUYS

[karinne]

For one, your site doesn't validate

And two ... you're using a mix of tables and divs?! Why?! It's really hard to go through all that tangled mess and find the error.

Resources for learning how to use CSS for layout

Ditch the tables and go CSS all the way.

And three ... you need to float your div in order to have them show up in a line. And the width is important. Different browsers interprets the widths differently. Some add the margin, paddings and borders and some don't.

[Lchad]

I'm not seeing any css related to the Div called #right.
Did you forget to give some css to it?

[Lchad]

Oh I found the error. Take the margin off of the center column. It was forcing to go below the other columns.. here's your code:

Code: Select all

   <div id="center" style=" width: 277px; float: left;">

[snooper]

Originally Posted by Lchad

Oh I found the error. Take the margin off of the center column. It was forcing to go below the other columns.. here's your code:

Code: Select all

   <div id="center" style=" width: 277px; float: left;">

Excellent - Thank you LChad!

[Lchad]

You're welcome!