Dropdown Menu Cut Off

Discussion in 'CSS' started by DFred, Aug 3, 2010.

0
  1. #1
    I've got a dropdown menu on my site that I built using a menu building tool. It is utilizing javascript and css. The problem being that it displays fine in IE but not in Firefox or Chrome.

    http://www.anatomyaltered.com/

    Could someone point me in the right direction here?

    Thanks,

    Dan
     
    DFred, Aug 3, 2010 IP
  2. radiant_luv

    radiant_luv Peon

    Messages:
    1,327
    Likes Received:
    34
    Best Answers:
    1
    Trophy Points:
    0
    #2
    you see there is a element <div id="page-header"> in your html which acts as an wrapper for the Nav.

    Use "position: static" to style this.

    Example as an inline style:
    
<div id="page-header" style="position: static">
    Code (markup):
    I believe this will fix the issue on FF and other browser as well. Please let us know.
     
    radiant_luv, Aug 3, 2010 IP
  3. DFred

    DFred Peon

    Messages:
    31
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    I tried to replace that line in the navigation element itself as well as later trying to place it in the elements below it which are actually cutting it off. I've assigned a z-index of 1000 in the css to the dropdown menu and set the position to relative as well. The css for the dropdown menu itself is below. Interestingly, the menu works as the page is loading but stops working when the page has completed loading.

    .vbULrd1f6{
    position: relative;
    visibility: hidden;
    display: block;
    overflow: auto;
    font-size: 1px;
    margin: 0px;
    z-index:1000;
    }

    Thanks for the help,

    Dan
     
    DFred, Aug 4, 2010 IP