Results 1 to 3 of 3

Thread: Chrome drop down menu placement

  1. #1
    Join Date
    Jun 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Chrome drop down menu placement

    1) Script Title: Chrome CSS Drop Down Menu (v2.5)

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...rome/index.htm

    3) Describe problem:

    How do you position the drop down menu? When I look at the drop down menu (the box that drops down with the sub-links) on a small screen, it is slightly offset from the navigation link.

    But, when I look on a large monitor, the drop downs are so offset, they appear under the next link.
    Here is an example:
    www.flexiblepower.net

    thank you

  2. #2
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    I tried to experiment a bit and found that when removing the position property in the header like this:
    Code:
    #header {
    height:657px;
    }
    and changing the menu css to this
    Code:
    #menu {
    display:inline;
    left:50%;
    margin-left:-250px;
    position:absolute;
    top:75px;
    }
    it solves the problem at least in my browser (FF)

  3. #3
    Join Date
    Jun 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default thanks

    thanks, that worked!

Bookmarks

Posting Permissions

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