Support » Fixing WordPress » Drop Down menu:Chrome, Safari vs FireFox and Internet Explorer

  • Hey there!

    I got a display problem when my drop down menu in FF and IE..

    The menu is displaying as I wish in Chrome and Safari

    Here site: Stupid Addiction

    Here is the css concerning the menu:

    #header_container #nav li{position: relative;z-index: 99999999999;}
    #header_container #nav .children{min-width: 100px;display: none; position: absolute;z-index: 99999999999;padding: 2px 0;background: #D7D2D0;-webkit-box-shadow:0 3px 4px -2px #D7D2D0;-moz-box-shadow:0 3px 4px -2px #D7D2D0;box-shadow:0 3px 4px -2px #D7D2D0;text-align: left;}
    #header_container #nav li:hover .children{min-width: 100px;display: block; position:absolute;z-index: 99999999999;padding:5px 10px 5px 5px ;background:#FAF7F7; -webkit-box-shadow:0px 3px 3px -2px #000;-moz-box-shadow:0px 3px 3px -2px #000;box-shadow: 0px 3px 3px -2px #000;text-align: left;margin-top:2px; }
    #header_container #nav .children li {margin-bottom:2px;float: left;}
Viewing 3 replies - 1 through 3 (of 3 total)
  • removing:

    #header_container {text-align: center;}

    seems to help, try:

    #header_container {
    margin-left: auto;
    margin-right: auto;
    }

    or remove that for now are report back…nav is for HTML5 and should refer to it’s associated CSS #nav ??

    text-align: center may cause issues…(mix of CSS that is for 2.1 and 3) ??

    TO see this review site in IE7 mode.

    Moderator Mark Ratledge

    (@songdogtech)

    Forum Moderator

    Some code errors in your menu: [Invalid] Markup Validation of stupidaddiction.com – W3C Markup Validator. Scroll down in the validation report to see line numbers and source code.

    after trying

    #header_container {
    margin-left: auto;
    margin-right: auto;
    }

    The menu is all the way to the left. I will fix the invalid codes in the source to see if it helps

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Drop Down menu:Chrome, Safari vs FireFox and Internet Explorer’ is closed to new replies.