SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    Dec 2010
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    HELP!! My dropdown menu wont work in early IE browsers!!

    Hi all,
    I have been designing this site - http://www.customcomputersltd.com.

    In early versions of Internet Explorer (5, 5.5 and 6) the menu was coming up jumbled... I managed to fix that but now the drop down menu is still not coming up. I know people shouldnt be using browsers this old but apparently they still do! And since the launch I have been getting complaints and have alot of pressure to fix this problem!!!

    I have heard of something called 'conditional comments' that you can insert into your code so that it becomes IE compatible for all versions. Does anyone know if that will work for this?? OR how to do it?
    Can someone 'view source' and let me know if there is a problem with the menu's coding? Im so confused why its happening!
    It is driving me crazy!!!
    Any suggestions are very much appreciated!

  2. #2
    Utopia, Inc. silver trophy
    ScallioXTX's Avatar
    Join Date
    Aug 2008
    Location
    The Netherlands
    Posts
    8,892
    Mentioned
    138 Post(s)
    Tagged
    2 Thread(s)
    IE 5 and 6 don't understand :hover on anything else than <a> tags. Your menu has it applied to <li> tags so that won't work.

    To solve it download whatever:hover and put this in your CSS:

    Code css:
    #topnav li {
      behavior: url(/path/to/whatever/hover/csshover3.htc);
    }
    Rémon - Hosting Advisor

    Minimal Bookmarks Tree
    My Google Chrome extension: browsing bookmarks made easy

  3. #3
    SitePoint Member
    Join Date
    Dec 2010
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you for your quick response!
    Ok I downloaded whatever:hover... where do I insert the code that Ive downloaded from there? besides also putting the line you mentioned in the CSS also.

  4. #4
    SitePoint Wizard donboe's Avatar
    Join Date
    Jun 2010
    Location
    Netherlands
    Posts
    1,963
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You could stick it just under the general topnav li rule

    Code CSS:
    #topnav li {
    float:right;
    margin-right:12px;
    }
     
    #topnav li {
      behavior: url(/path/to/whatever/hover/csshover3.htc);
    }

    Make sure you have the path right

  5. #5
    Utopia, Inc. silver trophy
    ScallioXTX's Avatar
    Join Date
    Aug 2008
    Location
    The Netherlands
    Posts
    8,892
    Mentioned
    138 Post(s)
    Tagged
    2 Thread(s)
    If you want to hide it from other browsers you could do

    Code css:
    * html #topnav li {
      behavior: url(/path/to/whatever/hover/csshover3.htc);
    }

    But you don't have to. Other browsers don't recognize it so will simply ignore it anyway.
    Rémon - Hosting Advisor

    Minimal Bookmarks Tree
    My Google Chrome extension: browsing bookmarks made easy


Bookmarks

Posting Permissions

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