Menu won't appear over table in Explorer

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
spg1e
Beginner
Beginner
Posts: 3
Joined: Tue Aug 26, 2003 2:56 pm
Location: Vermont

Menu won't appear over table in Explorer

Post by spg1e »

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>
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John »

Please post a URL so we can see the rest of your code.
John
spg1e
Beginner
Beginner
Posts: 3
Joined: Tue Aug 26, 2003 2:56 pm
Location: Vermont

menu is covered by a table

Post by spg1e »

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.
User avatar
Maz
Milonic God
Milonic God
Posts: 1717
Joined: Fri Jun 06, 2003 11:39 pm
Location: San Francisco
Contact:

Post by Maz »

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.
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John »

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:
John
spg1e
Beginner
Beginner
Posts: 3
Joined: Tue Aug 26, 2003 2:56 pm
Location: Vermont

Post by spg1e »

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
User avatar
John
 Team
 Team
Posts: 5967
Joined: Sun May 19, 2002 8:23 pm
Location: Phoenix, AZ
Contact:

Post by John »

Interesting. Glad you got it.
John
Post Reply