A scrollible css div overlaps Milonic sub menus

pinard · Post by **pinard** » Fri Jul 14, 2006 8:52 am

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,

Post by **Ruth** » Fri Jul 14, 2006 6:07 pm

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: Select all

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://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://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: Select all

<BODY><!--
	 Milonic DHTML Website Navigation Menu Version 5.0+
	 Copyright 2004 (c) Milonic Solutions Limited (UK). All Rights Reserved.
	 Please visit http://milonic.com/ for more information.
-->
<SCRIPT src="milonic_src.js" type=text/javascript></SCRIPT>
<NOSCRIPT><A href="http://websites.milonic.com/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: Select all

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

That should fix it.

Ruth

pinard · Post by **pinard** » Mon Jul 17, 2006 7:36 am

Thank you Ruth, it's ok. now