View Full Version : IE 6 Compatability Issues

May 23rd, 2007, 10:05 AM
So last week I was given some simple and simple instructions to throw it together into a website for a friend.

So I did, but I think I did it too quickly.

Can someone look at http://ymg.wiishare.org and let me know what I did wrong to make it look so terrible in IE6?

Even though only about 50 people will be using this website, the person who had me create it uses IE6, and so do 37% of people online, so that's why I'd like to get this fixed

May 23rd, 2007, 10:35 AM
Looks bad in Firefox as well.

I don't recommend setting a width on the body element because some browsers don't respond well to it. I think you should have a containing div that has the set width, using margin:auto; to center it.

You should probably make it position:relative if you intend on having the navigation position:absolute.

I haven't viewed the page in IE6 but from looking at the CSS I see that you don't specify left or top for the navigation so it gets randomly put somewhere.

Remember padding does count for overall width so on #main instead of padding use margin.

Then again I don't think you should be using absolute positioning at all.

What is going to happen if the content takes up less height than the navigation? The layout won't contain the absolutely positioned div.

I think you should look into an alternative way of laying out your page. Negative margins can sometimes be a good thing, have a look at this tutorial: http://alistapart.com/articles/negativemargins/