I wonder if anyone can help me with my spry menu problem which I have with a fixed 960px wide horizonal menu bar that has 8 items in it. The sub-menus don't seem to display properly when you click on them in that some of the submenus only show up at the end of the menu bar itself in Explorer browsers 8/9. Does anyone know of any code I can apply to fix this problem? I am new to spry menu features and so any help would be very much appreciated.
The out-of-the-box SpryMenuBar shows the sub-menus underneath the main menu item, also in IE 8/9. Hence you must have upset the menu bar widget to the extent that it now misbehaves.
There are a several options open to you
1. Re-instate the original widget
2. Give us a link to your site so that we can see what you have done
3. Use one of the many other menubar widgets available.
My personal preference is option 2
Thanks for your solutions. I have re-instated the original widget and I
still get this problem. It is in CS6 Dreamweaver which I used the spry menu
from. I have only produced four pages of this site and so nobody, but the
client has really seen it. I am unable to load it to any server at the
moment and have only previewed it in a browser for testing. I would be
happy to send you my CSS style sheets or source code if that helped at all?
Also validate the rest of the code in your pages to see if you have any critical errors that need fixing. For example, a missing doc type declaration might explain Spry failures.
HTML - http://validator.w3.org/
As an FYI, Adobe abandonded the Spry Framework late last year, after CS6 was released because Spry drop-menus don't hold up well on touch screen devices. If you can't get satisfaction with Spry, try jQuery Superfish. It's a better menu system.