Hello everyone,
I have built a DHTML & Javascript menu using the Deluxe Menu (www.deluxe-menu.com) software package.
The problem is that in IE7 the menu works fine, yet in Firefox it is displayed behind everything.
If you look here using IE and Firefox you can see the difference when you drop down the 'services' box in the menu:
www.boxroom-media.com/test/johnny3
I tried to resolve this by using CSS. I set the 2 classes 'flash' and 'menu', and I then set the Flash z-index to -1 and the menu z-index to 1 ( I also set the positioning for both of these to absolute). This didnt work
So I then tried to edit the Javascript file that controls the menu. This has all the variables that are needed for the menu. In the script I added the following under the positoning section:
var zIndex="1";I also kept the flash z-index to -1, but again this didnt work!
Finally, i tried to add a javascript function directly into the code to try and change the z-index of the menu when the page loaded up. I used the following code:
<script type="text/javascript">
function changeStackOrder()
{
document.getElementById("menu").style.zIndex="1";
}
</script>I then set the function to execute on the load of the body:
<body onLoad="changeStackOrder()">I also made sure the ID of the menu was set to 'menu' so that the function executed on the menu. Again this didnt work.
Can anyone help me out? Is it just a problem with Firefox and that it can't handle the z-index property?
Any help would be greatly appreciated.
regards,
Jp
