Results 1 to 3 of 3

Thread: Chrome CSS Drop Down Menu vs Screen Resolution

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

    Default Chrome CSS Drop Down Menu vs Screen Resolution

    1) Script Title: Chrome CSS Drop Down Menu

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

    3) Describe problem: I'm using this beautiful drop down menu but i'm having a problem with different screen resolutions. The .dropmenudiv has
    Code:
    position:absolute
    and because of this (so i think) when the resolution is smaller the div moves to left and when is higher moves to right.

    What can i do to stop the div move and appear always in the same spot?

    In internet, some people sugested to put the div inside a container with relative position. I tried but it's not working.

    Thanks and sorry for my english.

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

    Default

    It shouldn't matter as long as the page is refreshed when there is a change in screen resolution. Are you doing that?
    DD Admin

  3. #3
    Join Date
    May 2012
    Location
    Hitchhiking the Galaxy
    Posts
    1,013
    Thanks
    46
    Thanked 139 Times in 139 Posts
    Blog Entries
    1

    Default

    Well position: absolute, just means that the div stays in the flow of the page, and then you can use top, left, bottom, and right controls in the CSS. Relative just means that the position is relative to where it was before you moved the object, so if you say,
    Code:
    Position: relative;
    Left: 10px;
    It will move ten pixels left of where it was before.
    Ditto to what ddadmin said.
    "Most good programmers do programming not because they expect to get paid or get adulation by the public, but because it is fun to program." - Linus Torvalds
    Anime Views Forums
    Bernie

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
  •