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.