#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2009
    Posts
    26
    Rep Power
    0

    Problems with drop down menu in IE


    hi,

    Am nearly finished my first website but this issue won't go away and it's driving me crazy.

    www.leehughes.co.uk

    As you can see I have a drop down menu at the top. The problem is a couple of my friends have reported trouble trying to access the sub menus. They can hover over the main choice but when they move the mouse down to select a link the links disappear. it's not like they can not be selected though if you press ctrl and go down then they can be selected.

    Am so puzzled and so close to the end it's driving me crazy..
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2009
    Posts
    61
    Rep Power
    21
    Well they work in ie 8, they are just hard to see in all browsers because the text is black. What version of IE is it not working in? You could probably go to crossbrowsertesting.com and find out exactly what browser it's not working on if you want.
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2009
    Posts
    26
    Rep Power
    0
    Hi,

    I have changed the text to white now.

    My friend tested it AOL and av tested it in IE7 which did not work..

    thanks for the link
  6. #4
  7. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2009
    Posts
    2
    Rep Power
    0
    When I was having some issues with internet explorer not working someone recommended adding in this at the top:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"            "http://www.w3.org/TR/html4/strict.dtd">
    worth a try. I couldn't believe it fixed up my coding but it did.

    If that doesn't work I'd say just look for a different dropdown menu elsewhere, there are some good one at
    Code:
    www.dynamicdrive.com
  8. #5
  9. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2007
    Location
    Cardiff, UK
    Posts
    17
    Rep Power
    0
    Originally Posted by GSimon
    When I was having some issues with internet explorer not working someone recommended adding in this at the top:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"            "http://www.w3.org/TR/html4/strict.dtd">
    worth a try. I couldn't believe it fixed up my coding but it did.
    That's most probably because when the doctype isn't placed in a HTML file, pretty much all browsers revert to quirks mode.


    Firstly, I'd recommend using HTML 4.01 Strict (with the above doctype) instead of XHTML 1.0 Transitional (unless you're using XML somewhere - what's the need?).

    I tested it on Firefox for Windows and Mac, Internet Explorer 7 for Windows and Safari for Mac - only IE7 had the issue.

    EDIT: I've just noticed that if I move the mouse really quickly in IE7 from the main bar down the list they highlight for a brief time and then it disappears like before. Is that of any significance to you as where to look in the CSS?
  10. #6
  11. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2009
    Posts
    26
    Rep Power
    0
    Yeah it seems anything less than IE 7 and including IE7 it has that issue.

    I have had a look at the css to try and narrow it down but my 3 weeks experience with css puts me at a disadvantage to find out what's going on.


    Am guessing I just need to find a IE hack or something..

    I am using XML for two things RSS feeds and google earth lat long information. Will this be affected if I use strict
  12. #7
  13. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2009
    Posts
    26
    Rep Power
    0
    Hey guys... website now fixed, well only tested it for IE 7 as that's all I have but it worked..

    here is what I needed to do..
    #menuwrapper {
    border-top: 1px solid #000;
    border-bottom: 1px solid #333;
    background-color: #000000;
    background-image: url();
    background-repeat: repeat-x;
    padding-bottom:0;/* 25px;*/
    padding-right: 1px;
    margin-right: 0px;
    height: 1px;
    bottom: auto;
    }

    #p7menubar li ul, #p7menubar ul li {
    width: 12em;
    background:url(fake.jpg); /*IE needs some sort of BG on the UL*/
    }

    I also needed to add a </style> to one of my html tags

    Yay!!

IMN logo majestic logo threadwatch logo seochat tools logo