Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
Thread: IE 6 Compatability Issues
05-23-2007, 10:05 AM #1
- Join Date
- May 2005
- Thanked 0 Times in 0 Posts
IE 6 Compatability Issues
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
05-23-2007, 10:35 AM #2
- Join Date
- Dec 2004
- In a place far, far away...
- Thanked 1,043 Times in 1,019 Posts
Looks bad in Firefox 22.214.171.124 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/