www.webdeveloper.com
Results 1 to 5 of 5

Thread: sub menu position issue

  1. #1
    Join Date
    Nov 2008
    Location
    Niagara Falls, Canada
    Posts
    356

    sub menu position issue

    Having an interesting issue that I can't figure out. If you look here: http://cmw.net/conferences/radio-interactive-summit/ and hover over "marketing" in the nav bar and click on "shipping" you will end up on the shipping page. Now if you hover over "marketing" again, the menu is now off to the right (but only in Firefox). It's fine in Chrome and IE.

    I cannot seem to figure out why it's only happening in Firefox.


    If I remove the overflow:hidden; from the firebug editor in the code below, it works, but I can't find that CSS code anywhere. I think it's inline, but it isn't in any of the files (I did a global search).

    Code:
    element.style {
    height: 0;
    margin: 0;
    overflow: hidden;
    }

  2. #2
    Join Date
    Mar 2011
    Posts
    1,141
    Create a rule for "a:visited" and I bet it helps. Try setting the margins and padding to 0.
    Rick Trethewey
    Rainbo Design

  3. #3
    Join Date
    Sep 2013
    Posts
    221
    If you specify the ul element to have a left value to zero

    nav ul li ul {
    left: 0;
    }

    or can try out with another approach in css file:

    #navcontainer ul { list-style-type: none; }

    .nested
    {
    display: none;
    list-style: none;
    }
    ul li{
    position: relative;
    }
    li:hover > .nested
    {
    display: block;
    position: absolute;
    left: 210px;
    top: 0;
    }​
    strad solutionswww.stradsolutions.com

  4. #4
    Join Date
    Nov 2008
    Location
    Niagara Falls, Canada
    Posts
    356
    Thanks for the suggestion, but the inline style of:
    Code:
    <div style="margin: 0px; overflow: hidden; height: 0px;">
    is overwriting it, so it doesn't work.

    I did a global search in all the files and can't find where that inline code is.

  5. #5
    Join Date
    Sep 2013
    Posts
    221
    Try out this one:
    Check out the place where you have wrap this piece of code with a server side container control (say <div id="wrapper" runat="server">) and on the server side assign its visibility properties in the wanted manner.
    Below is link which can help you:
    http://weblogs.asp.net/ahmedmoosa/ar...rver-tags.aspx
    strad solutionswww.stradsolutions.com

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles