Results 1 to 5 of 5

Thread: Smoothmenu not working in Chrome and Safari

  1. #1
    Join Date
    Jul 2011
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Smoothmenu not working in Chrome and Safari

    1) Script Title: Smooth Navigational Menu (v1.5)

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

    3) Describe problem: Menus don't behave in Safari and Chrome. The drop downs are not inline but are spread across the second level. I validated my page and things work just great in IE and FF. Any help would be appreciated.

    http://dev.bichon.org
    http://dev.bichonhealth.org

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

    Default

    Hmm there's something in your ddsmoothmenu.css that's the culprit, though at a glance I can't tell what that is. If I revert your custom version of the file back to the default one, the menu looks fine in Chrome. I'd begin with the stock version again, then slowly add in your custom changes, verifying each step of the way the menu still behaves properly.
    DD Admin

  3. #3
    Join Date
    Jul 2011
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thumbs up

    Thanks...I reverted and now I see it working so I will start tweaking. The first thing I noticed was all the menus are centering so any tips on fixing that will be appreciated. The "test" version with the original css is at
    http://dev.bichon.org/index3.html

    I will be doing my tweaks with subsequent index iterations so I have a good trail.

  4. #4
    Join Date
    Jul 2011
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Things are working nicely again at
    dev.bichon.org and dev.bichonhealth.org

    I would love to figure out how to center the entire menu line. I have created a multi-line version at http://dev.bichon.org/index2navs.html
    but I would love to center these two lines across the body of the page. I will search the forums for hints.

    I did find one hint on centering, but didn't get it to work.

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

    Default

    The main menu bar uses CSS's float:left property to achieve its look, which does make it tricky to center it. This is a pure CSS issue. You might try playing around with the menu's CSS to overcome this, though the menu most likely won't look exactly the same as one that's floated left.

    For inspiration, take a look at some of the examples shown on this page, such as "Chrome Menu". They are all based on another menu script, All Levels Menu, but the idea is the same.
    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
  •