Why is right part being positioned differently in IE6

Question

On this page:

http://phplist.xxmn.com/node/18

In IE7 and Firefox, the right part (the css class is contentsidebar) displays ok, but in IE6, it doesn't display well. It is displayed abnormally - the location is at the bottom right.

I know IE6 is dead, but in China, there are lots of people still using it.

How do I correct the CSS to make the page display adequately in IE6? thank you.

Answer 1

This is ugly as sin, but it fixes your IE6 problem:

<!--[if IE 6]>
<style>
#leftcontent {
    width: 660px
}

.bread_nav, #leftcontent .node, #leftcontent h1, #author_info {
    width: auto !important
}
</style>
<![endif]-->

(You can put this in its own stylesheet if you wish. Make sure it's the last one.)

The idea is to set the width of #leftcontent to a bit less than it was, then override all the million different instances you have of width: 668px (these extraneous widths are not needed for any browser, by the way) on elements inside #leftcontent to auto width.

@Summer had the right idea about changing widths around, she was just missing the specifics.

Answer 2

Looks like a width issue to me. IE6 thinks the right sidebar is too wide, and so it moves the content box to below the previous float (i.e. below the main content). The div class="contentsidebar" has a width of 300 - try changing it to 295px or 290px and see if that fixes the issue.