PDA

View Full Version : Smoothmenu not working in Chrome and Safari



dgibb
07-21-2011, 12:12 PM
1) Script Title: Smooth Navigational Menu (v1.5)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.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

ddadmin
07-22-2011, 10:14 PM
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.

dgibb
07-23-2011, 03:03 AM
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.

dgibb
07-23-2011, 07:19 AM
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.

ddadmin
07-23-2011, 11:00 PM
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 (http://dynamicdrive.com/dynamicindex1/ddlevelsmenu/generator.htm), such as "Chrome Menu". They are all based on another menu script, All Levels Menu, but the idea is the same.