Two-Column Layout Breaks in IE6

[Raymondo17]

I've set up a two-column layout that works well in every browser I've tested it in except IE6. In IE6, the sidebar content is shoved down below the point where the main content ends. Is there a workaround to get the content back up at the top of the sidebar column in IE6?

Please view the page in question here:
<snip>

Thanks.

-Ray

[edited by: swa66 at 12:11 pm (utc) on July 15, 2009]
[edit reason] No URLs, please see ToS and forum charter [/edit]

[swa66]

Sounds like a multi-column layout that's using floats and where in IE the column is too big to fit in the parent ?

If so: make it a bit smaller and make sure not to have IE6 in quirks mode (use a full doctype)

[Raymondo17]

Thanks for the reply.

It is a mutli-column layout and it is using floats, but reducing the amount of content in the the sidebar had no effect. It still is pushed down to the point where the main content area leaves off. Specifying a doctype that triggers Strict mode instead of Quirks mode had no effect either.

[edited by: swa66 at 8:08 pm (utc) on July 15, 2009]
[edit reason] ToS #24 [/edit]

[Raymondo17]

Success!

I believe I misinterpreted what you meant when you suggested that the column was too big. I attempted to reduce the amount of content, thinking it was some kind of spill-over issue. But what actually worked was reducing the *width* of one of the columns so there'd be enough horizontal room on the page for both to fit. Thanks for shoving me in the right direction.

[birdbrain]

Hi there Raymondo,

all you needed to do, actually, was change this....

<div id="oneQuarterL">

....to this...

<div id="oneQuarterR">

birdbrain

[swa66]

Sorry, I did mean width.

The reason to not push IE6 in quirks mode and keep it in "standards mode" is that is behaves a bit better in standards mode (but still can't do math)

I generally move any site I have that's still doing quirks into standards mode for IE6 when I touch them significantly enough to warrant the change and retesting.