IE6 Issue

Page not rendering properly in IE6

[325eye]

Hi guys,

If you have a moment would you please look at <snip> in IE6 and let me know if the CSS error is an obvious fix?

You can see how the page should render by loading it in IE7 or Firefox.

The CSS I've used to create a three table layout is as follows -

#nav {
float: left;
width: 180px;
background: #fcf8eb;
}
#content {
margin-left: 180px;
width: 600px;
color: #000000;
}
#news {
float: right;
width: 180px;
}

Left, Middle, Top

780px Fixed width.

Now I would expect the content to have a width of 420px but the page will only render properly if this is 600px. (420 + 180).

As you can probably tell I'm not a professional developer so working these things out is testing. If there is a better way to do this let me know.

And any help will be greatly appreciated.

The CSS file is at -

URL + css/style.css

There is a seperate IE6 style sheet (ie6.css) which is left over from the template I used to develop the site layout (which has been changed so much the original style sheets don't really count.)

Thanks!

Matt

[edited by: DrDoc at 8:45 pm (utc) on July 28, 2008]
[edit reason] No URIs, please. See posting guidelines. [/edit]

[Marshall]

325eye, welcome to WebmasterWorld.

If I am reading this correctly, you are trying to do a three column layout. This may be easier if you are trying to achieve a fixed width of 780px.

CSS -

#left {
width: 180px;
margin: 0;
padding: 0;
float: left;
}
#center {
width: 420px;
margin: 0;
padding: 0;
float: left;
}
#right {
width: 180px;
margin: 0;
padding: 0;
float: left;
}

HTML -

<div id="left"> </div>
<div id="center"> </div>
<div id="right"> </div>

Marshall