Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Regular Coder
    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

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    In a place far, far away...
    Thanked 1,043 Times in 1,019 Posts
    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/
    ||||If you are getting paid to do a job, don't ask for help on it!||||


    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts