Javascript Drop Down Menu Problem

  • Resolved sreaweb

    (@sreaweb)


    15 years, 7 months ago

    Hello all, I’ve recently attempted to have our WordPress installation mimic the theme of our website. We have a javascript drop down menu that works in IE 8 and FireFox, but when it’s in the header.php of wordpress the drop down portion of the menu is shifted 2px to the left and 1px up, as well as not easily allowing the user to select items in the drop down as it dissapears when we try to hover over it. It works fine in Firefox, and in IE8 compatability mode in wordpress, but not in default IE8. Our blog is here: https://www.welcometoseattle.com/blog
    If anyone has any suggestions or insights into this issue it would be greatly appreciated. I’ve spent a day trying to resolve this with no luck. One suggestion was that IE is centered incorrectly and has to decide where the middle is causing the absolute position of the drop down menu to become skewed.

    Anyway, thanks for any help or suggestions.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter sreaweb

    (@sreaweb)

    For whatever reason, only in wordpress does it shift my submenu up and to the left, what this causes if “interference” between the parent button and the user trying to move their cursor down to the submenu. I’ve tried a myriad of solutions none of which have had any effect. This only happens in wordpress, in IE. If I view the site in compatability mode it works fine.

    Thread Starter sreaweb

    (@sreaweb)

    I figured out what the problem was, in case this helps others.

    After 15 hours of working on this I came across some information on DOCTYPE’s and realized that the doctypes from WordPress was different than the rest of my site…

    So, I changed WordPress’s doctype from
    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;

    to

    <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>

    and added a masterpage. Everything works fine now, in the two sites that I revised. Hopefully this might help others with a similiar problem.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Javascript Drop Down Menu Problem’ is closed to new replies.