Div stays on top of menu zindex

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

Div stays on top of menu zindex

Poster: gujju
Dated: Tuesday January 10 2006 - 5:28:24 GMT

hi..

one of my freind recommended me to use milonic in my site.. and i was just testing it with the zindex as we had a problem with menu and div's zindex.

Just downloaded the latest version and changed the html in the menu.htm file.

after changing that the menu always stays behind the div with absolute position. it works fine with firefox but doesnt work in ie

below is the html. all the menu_Src and menudata files are the same which we get when you download a freee copy..

IS there a way out of this ???

Regards

<html>
<head>
<title>Milonic DHTML/JavaScript Menu Sample Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">
BODY{
FONT-FAMILY:verdana;
font-size:12px;
background-color:#FFFFFF;
}

.backG {
FONT-FAMILY:verdana;
background-color:#93c39b;
color:#ffffff;
border-bottom:#538c4d 2px solid;
font-size:12px;
}
td.form1
{
FONT-FAMILY:verdana;
background:#eaeaea;
font-size:12px;
}

</style>
</head>

<body>


<script type="text/javascript" src="milonic_src.js"></script>
<a class=milonic href="http://www.milonic.com/">JavaScript Menu, DHTML Menu Powered By Milonic</a>
<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 type="text/javascript" src="menu_data.js"></script>

<DIV id=Panel1 style="Z-INDEX: 1000; LEFT: 238px; WIDTH: 150px; POSITION: absolute; TOP: 258px; HEIGHT: 36px">Panel <SELECT id=CboCustomerStatusID style="Z-INDEX: 10; HEIGHT: 24px" name=CboCustomerStatusID> <OPTION value="" selected></OPTION> <OPTION value=1>TRADING</OPTION></SELECT> </DIV>

</body>
</html>

Poster: Migru
Dated: Tuesday January 10 2006 - 8:35:21 GMT

Hi

Please see in

http://www.milonic.com/menusample14.php

and there the "divhider" which you can download from the

http://www.milonic.com/menumodules.php

page.

Michael

Information: (though I don´t know if this ist still valid ??)
http://www.milonic.com/mfa/2003-December/003325.html

Poster: Andy
Dated: Tuesday January 10 2006 - 10:15:49 GMT

The menu SHOULD be able to sit on top of SELECT boxes by default but because you have set the zIndex to over 1000 this is actually putting the menu behind your DIV.

The reason is that the menus zIndex start at 999 and increases as the menu gets used, it then returns to 999 when all menus close.

However, I just checked it and it looks their might be a bug in the menu.

There are 2 settings that can be used for changing the menus default zindex. One of the setting is a global property of menuZIndex. Adding something like menuZIndex=2000; at the top of your menu_data.js file should have fixed the problem but it didn't. I have now fixed this and you can downoad the fix from the Pre Release version of the menu at http://www.milonic.com/menuvinfo.php.

One other zIndex property is a menu property called zindex, this can be declared for just one menu object with zindex=2000; - This too failed on the current release but should have been fixed for the Pre Release.

Hope this helps
Andy

dot

Poster: Migru
Dated: Tuesday January 10 2006 - 19:03:18 GMT

The final dot causes an error , the link is

http://www.milonic.com/menuvinfo.php

M.

Poster: gujju
Dated: Tuesday January 10 2006 - 21:51:48 GMT

cheers guys.. that fixed the problem..

Thanks andy & michael

Industrial Strength JavaScript and DHTML Menus

Div stays on top of menu zindex

dot