A scrollible css div overlaps Milonic sub menus

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:00

A scrollible css div overlaps Milonic sub menus

Poster: pinard
Dated: Friday July 14 2006 - 8:52:19 BST

Hi,
I'm testing horizontal Milonic menu in my new design. I had managed to overflow it on flashs but a new problem for me..

I have an scrollable div container with the Milonic menu on the same page and sub menus are opening under it on Internet Explorer.

I put the page on the server to show you;
http://www.mobiloyuncu.com/test/game.html

I'm waiting your help...

Thanks,

Poster: Ruth
Dated: Friday July 14 2006 - 18:07:06 BST

Hi,

1. open your menu_data.js file and cut the main menu out and paste it into a separate file, add position="relative"; to the menu properties, and add a drawmenus at the end. Save it under whatever name you want....embed_main.js or something. It should look like this [with the correct image paths of course]

Code:

with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
/* left=500; */
margin=2;
orientation="horizontal";
style=XPMainStyle;
position="relative";
/* top=102; */
aI("image=anasayfa.gif;overimage=anasayfa2.gif;url=http://www.milonic.com/;");
aI("showmenu=Oyunlar;image=oyunlar.gif;overimage=oyunlar2.gif;");
aI("showmenu=Telefonlar;image=telefonlar.gif;overimage=telefonlar2.gif;");
aI("image=abonelik.gif;overimage=abonelik2.gif;");
aI("image=yardim.gif;overimage=yardim2.gif;");
aI("image=ogop.gif;overimage=ogop2.gif;");
aI("image=iletisim.gif;overimage=iletisim2.gif;url=http://www.milonic.com/;");
}

drawMenus();

2. Save your menu_data.js file and it should not have that main menu in it.

3. put the calls for the menu files right after the body tag, all but the embed_main.js

Code:

<BODY><!--
    Milonic DHTML Website Navigation Menu Version 5.0+
    Copyright 2004 (c) Milonic Solutions Limited (UK). All Rights Reserved.
    Please visit http://www.milonic.com/ for more information.
-->
<SCRIPT src="milonic_src.js" type=text/javascript></SCRIPT>
<NOSCRIPT><A href="http://www.mobiloyuncu.com/">MOB Menu</A></NOSCRIPT>
<SCRIPT type=text/javascript>
if(ns4)_d.write("<scr"+"ipt type=text/javascript src=mmenuns4.js><\/scr"+"ipt>");      
  else _d.write("<scr"+"ipt type=text/javascript src=mmenudom.js><\/scr"+"ipt>"); 
</SCRIPT>
<SCRIPT src="menu_data.js" type=text/javascript></SCRIPT>
<DIV id=header>

Then down where you now have all the calls in the navigation div put the call for the main menu

Code:

<DIV id=navigation>
<SCRIPT src="embed_main.js" type=text/javascript></SCRIPT>
 </DIV>

That should fix it.

Ruth

Poster: pinard
Dated: Monday July 17 2006 - 7:36:18 BST

Thank you Ruth, it's ok. now

Industrial Strength JavaScript and DHTML Menus

A scrollible css div overlaps Milonic sub menus