Blasted IE6 float bug; please help

[phendyr]

Hey folks,
I’m trying to resolve this blasted IE6 float bug with a very simple test file here:
http://www.theromgroupdev.com/temp/test.html

According to Adobe Browserlab, it looks fine in IE8 & beta 9, it won’t load a screenshot of IE7, but 6 shows it offset, with the content div below the right column div. Can anyone tell me what I’m doing wrong? I greatly appreciate any feedback, direction to get this fixed.

Thanks,
Phendyr

[clokey2k]

Both ‘div’s probably need to be ‘inline’ – check this: https://css-tricks.com/ie-css-bugs-thatll-get-you-every-time/

There is a note on stepdown in ie6

Hope this helps.

[phendyr]

Thanks, Clokey2k,
well making both display:inline caused the main content div to push as wide as the container and the text would wrap around the right column div. I ended up putting a width on the main content div and a float:left. it displayed fine in adobe browserlab IE6 that way.

Might not be the right way but it’s working, I hate giving any more time to IE6 than I have to :) if there’s a real issue with doing it this way, I’m all ears though.

[Author]

Posts