Results 1 to 3 of 3

Thread: Chrome dropmenus moves when many objects

  1. #1
    Join Date
    Sep 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Chrome dropmenus moves when many objects

    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:
    I noticed that, when filling a dropdown with large numbers of objects thus extending the webpage height, the dropdownlist will move to the top of the page. I tried to prevent this by adding margin-top like this:

    .dropmenudiv{
    position:absolute;
    top: 0;
    border: 1px solid #BBB; /*THEME CHANGE HERE*/
    border-bottom-width: 0;
    font:normal 10px Verdana;
    line-height:13px;
    z-index:100;
    background-color: white;
    width: 200px;
    visibility: hidden;
    margin-top: 74px;
    }

    The with that is that the smaller dropdown menus ends up 74 pixels below where they should be. Are there any easy fix for this?

  2. #2
    Join Date
    Sep 2009
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Noone has any idea how to correct this?
    Any help would be deeply appreciated!

  3. #3
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Inside the .js file, try finding the following two lines, and comment them out (code in red):

    Code:
    			//if ((this.dropmenuobj.y-topedge)<dropmenuH) //up no good either?
    				//edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge
    DD Admin

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
  •