Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:17

Menu won't appear over table in Explorer


Poster: spg1e
Dated: Tuesday August 26 2003 - 15:41:25 BST

I am having a problem getting my menu (version 5) to appear even though I didn't have a problem with version 3. My pages have a table with assigned absolute values so they are always positioned in the same place. The problems appears to be that the menu is being covered by the table. If I remove the line <div class="class"> the menu appears correctly. Or if I move the table down, the menu will appear above it. Incidently, I don't have a problem with Safari, only Explorer (for the Mac). I haven't tried a pc version yet.

I am a beginner at this so I hope I haven't been too inarticulate trying to explain the problem.

Thanks for your help,
Steve Goodman

I have given an example of code below.

<html>


<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<meta name="generator" content="Adobe GoLive 5">
<title>Laureate Authors</title>
<link rel="stylesheet" href="../../shared/font%20styles.css">
<style media="screen" type="text/css"><!--
.class1 { padding-right: 10px; padding-left: 10pt }
.class {
position: absolute;
z-index: 1;
top: 10px;
left: 10px;
visibility: visible;
}
--></style>


<SCRIPT language=JavaScript src="milonic_src.js" type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript src="menu_data2.js" type=text/javascript></SCRIPT>
</head>
<body bgcolor="#ffffff">
<div class="class">


<div align="left">
<table border="0" cellpadding="0" cellspacing="0" width="750">
<tr>
<td colspan="5">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>

<td rowspan="2" align="left" width="150"><img src="../../images/mastimages/mastpics_01.gif" alt="Link to home page" width="157" height="101" border="0"></td>
<td><img src="../../images/mastimages/mastpics_02.gif" width="593" height="61" border="0"></td>
</tr>
<tr>
<td><img src="../../images/aboutllsmast.gif" width="593" height="40" border="0"></td>
</tr>
</table>
</td>
</tr>
<tr height="16">
<td height="16" width="150"><img src="../../images/spacer149.gif" width="149" height="10" border="0"></td>
<td height="16" width="20"></td>
<td height="16" width="420"></td>
<td height="16" width="20"></td>
<td width="140" height="16"><img src="../../images/spacer139.gif" width="139" height="9" border="0"></td>
</tr>
<tr>
<td valign="top" width="130" bgcolor="white">
<p>&nbsp;</p>
</td>
<td valign="top" background="../../images/linediv.gif" width="20"><img src="../../images/linediv.gif" width="20" height="10" border="0"></td>
<td width="420" valign="top"><div align="center"></div>
</td>
<td valign="top" background="../../images/linediv.gif" width="20"><img src="../../images/linediv.gif" width="20" height="10" border="0"></td>
<td valign="top" width="110">
<div align="center">
</div>
</td>
</tr>
</table>
</div>
</div>
</body>

</html>


Poster: John
Dated: Tuesday August 26 2003 - 15:57:44 BST

Please post a URL so we can see the rest of your code.

menu is covered by a table


Poster: spg1e
Dated: Tuesday August 26 2003 - 16:29:46 BST

Here's the address of a test page that works in Safari but not Explorer (on the Mac). In Explorer, the pull down menu is being covered by a table.

http://www.llsys.com/parents/llsinfo/problemmenu.html

I just found out the menu works properly with Explorer for the PC and Opera for the Mac and PC. Mac Explorer seems to be the only problem.


Poster: Maz
Dated: Tuesday August 26 2003 - 17:27:38 BST

I don't see the menu on the mac, I would have said use the slash before and check file paths, but if its working in other browsers, then its probably the div, I have never used the div tag because when I was learning html I was told to not use it, and now it can be a problem or so I've heard in this forum. My suggestion is to search 'div' in the forums or try without the div first to see if it is the problem.


Poster: John
Dated: Tuesday August 26 2003 - 18:29:26 BST

As you said, it does work on a PC. I can't check on a Mac until I get home.

What OS and IE version are you having problems with on Mac?

BTW, you forgot to add your techsup menu :oops:


Poster: spg1e
Dated: Tuesday August 26 2003 - 20:54:34 BST

Thanks to all of you who offered advice. I discovered that if I designated the z value for the division that contained the table as a negative number, the menu appears on top of the table. As I mentioned before, this was only a problem for the Mac version of Explorer 5.2 so I think the problem is fixed.

Thanks again,
Steve Goodman


Poster: John
Dated: Tuesday August 26 2003 - 21:20:10 BST

Interesting. Glad you got it.