View Full Version : Jquery Drop Down Menu Problem

11-08-2008, 10:15 PM
1) Script Title: jQuery Multi Level CSS Menu #2

2) Script URL (on DD): http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/

3) Describe problem:

I'm having a bit of trouble implementing this menu in IE and Opera, in IE the content box is too high, and in Opera, the "Trick Book" drop down goes to the left instead of the right for some reason. I'm also trying to get the width of the menu to be correct in all browsers, so I don't have a border to the right of calendar. and just goes to the end of the right hand side.

Hope you can help with this,


11-09-2008, 04:52 AM
Hmm it's hard to tell without seeing an actual example. Please post a link to the page on your site that contains the problematic script so we can check it out.

11-09-2008, 10:52 AM
Yea sorry, forgot to post it in the first one -


Thanks for the reply :)

11-09-2008, 05:06 PM
Since posting this thread I've changed the drop down menu to the one listed here:


But annoyingly, I'm having problems with this one too, well with one page in particular :


You can see that in (IE) smaller resolutions, and if you resize the browser, that the map moves and the text for the centres is in the wrong place, anyone know how to fix this?

When I've tried to fix it the sub menus in IE and Opera move to the right, so I'm just completely stuck as to what to do =/

Example of offset menu at: http://www.bombthehills.com/test/guides-maintenance-f3.html



11-10-2008, 02:50 AM
Try moving the HTML for the drop down menus themselves to the very end of the page, right above the </body> tag:

<ul id="ddsubmenu1" class="ddsubmenustyle">
<li><a href="guides-intro.html">Intro / Basics</a></li>
<li><a href="guides-maintenance.html">Board Maintenance</a>
<li><a href="guides-maintenance-f3.html">F3 Bindings Guide</a></li>

<li><a href="guides-ridetips.html">Ride Tips</a></li>
<li><a href="guides-tricktips.html">Trick Tips</a></li>

<!--Top Drop Down Menu 2 HTML-->

<ul id="ddsubmenu2" class="ddsubmenustyle">
<li><a href="ridingspots-europe.html">Europe</a>
<li><a href="ridingspots-belgium.html">Belgium</a></li>

<li><a href="ridingspots-france.html">France</a></li>
<li><a href="ridingspots-germany.html">Germany</a></li>
<li><a href="ridingspots-italy.html">Italy</a></li>
<li><a href="ridingspots-switzerland.html">Switzerland</a></li>
<li><a href="ridingspots-uk.html">United Kingdom</a></li>


<!--Top Drop Down Menu 3 HTML-->

<ul id="ddsubmenu3" class="ddsubmenustyle">
<li><a href="trickbook-flatland.html">Flatland</a></li>
<li><a href="trickbook-basicgrabs.html">Basic Grabs</a></li>
<li><a href="trickbook-advancedgrabs.html">Advanced Grabs</a></li>
<li><a href="trickbook-spinsnflips.html">Spins & Flips</a></li>
<li><a href="trickbook-grindsnlip.html">Grinds & Lip</a></li>