Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8
  1. #1
    New Coder
    Join Date
    Feb 2008
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Angry Weird IE6 compatibility problem. Help please

    i'm having a weird problem with my site and was wondering if anyone could have a look at my code to see if they can see where the problem is...

    http://subcon-fusion.com

    it looks fine in IE7 and FF (the menu is on the right at the top), but in IE6, the menu is at the very bottom of the page.

    this is only the case for my index page. all the other pages (/dubstep.html, /hiphop.html, etc) are fine. i'm confused because the pages should all be exactly the same except for the main content since i just copied and pasted everything.
    when i compare the code of index.html with the code of the other pages, everything looks the same for the menu part.

    i tried putting the page through the w3 validator but it found hundreds of errors so i gave up.

    any help will be much appreciated

    thanks
    Last edited by xplizit; 02-24-2008 at 09:30 PM.

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    I don't know the fix for you because I don't really code for IE5 anymore but I can tell you that you can use conditional comments to feed a stylesheet to IE 5 only.

    Are you sure you need to code for IE5? Have you checked your stats to see if any of the users use that browser?

    And WHY are you using XHTML 1.1 without passing the application/xhtml+xml content type? If you have no idea what I'm talking about then you shouldn't be using XHTML 1.1. Try XHTML 1.0 Strict.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    New Coder
    Join Date
    Feb 2008
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts
    aarrghh i meant IE6 sorry

  • #4
    New Coder
    Join Date
    Feb 2008
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by _Aerospace_Eng_ View Post
    And WHY are you using XHTML 1.1 without passing the application/xhtml+xml content type? If you have no idea what I'm talking about then you shouldn't be using XHTML 1.1. Try XHTML 1.0 Strict.
    i'm afraid i don't know what you're talking about. i used a template and only have a basic grasp of html and css :\

  • #5
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    You need to set a width to .main (531px should be okay) and float it to the left. Also change this
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    to this
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    You might have to adjust the width of .content as well.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #6
    New Coder
    Join Date
    Feb 2008
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts
    ok i've changed the doctypes but i have no idea what .main and .content are or where to find them. apologies for my noobness

    edit - found .content in the css file but it's already at 531px. still can't find .main though.
    are you sure that's what the problem is? if it was something in the css wouldn't all the pages be broken and not just index.html?

    here's the css btw
    Last edited by xplizit; 02-24-2008 at 10:56 PM.

  • #7
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Well your source code has many coding errors but its likely you'll have no idea how to fix them. Also use this doctype instead.
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    Much of your code uses deprecated attributes. If you got paid for the template then I would ask for your money back. You can check your coding errors here.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #8
    New Coder
    Join Date
    Feb 2008
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts
    the template was free thankfully.

    i posted this on another forum and someone's found a fix for my menu problem.
    one of the images on my index page was wider than .content's 531px so it was overhanging the container so there was no room for .sidenav

    thanks for the help anyway. i don't think i'll bother trudging through the validator's errors. as long as it shows up right in the main browsers i'm happy...


  •  

    Posting Permissions

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