submenu sitting on top of menu FF 2.0.0.1

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

submenu sitting on top of menu FF 2.0.0.1

Poster: AnnGoodwin
Dated: Wednesday January 17 2007 - 21:55:25 GMT

I've embedded a horizontal menu within a table and everything was just dandy with FF and IE until FF upgraded itself to 2.0.0.1. Downloaded today's version of the .js files and replaced everything- submenu is still sitting on top of menu.

Is this a known bug for which a fix is on the way?

Have registered version for a site now under development. Thanks in advance.

Poster: Andy
Dated: Wednesday January 17 2007 - 22:02:22 GMT

Do you have a URL of where we can see the problem?

Poster: AnnGoodwin
Dated: Wednesday January 17 2007 - 22:16:08 GMT

no- I am not allowed to reveal the site to anyone yet, but I could post some of the code if that would help- here's the header to the menu section followed by the header for the subs. If there's anything else I can send, let me know. As I said before, it's fine in earlier FF and IE but just became a problem with 2.0.0.1. Top menu is fine across a table cell, submenu opens directly on top of it instead of dropping down.

with(new menuname("Main Menu")){
style=menuStyle;
alwaysvisible=1;
position="relative";
orientation="horizontal";
menuwidth="100%";
menualign="right";
itemwidth="1%";
top=75;
aI("text=NEW (etc)

submenu code:

with(milonic=new menuname("Services")){
left=10;
orientation="horizontal";
style=submenuStyle;
menuwidth="100%";
itemwidth="1%";
itemheight="31px";
margin=-1;
overflow="scroll";
aI("text=F (etc)

Poster: Andy
Dated: Wednesday January 17 2007 - 22:24:07 GMT

Hi,

Can you please download the menu again, I have made a slight change to the internals.

Please let me know if this helps at all

-- Andy

Poster: AnnGoodwin
Dated: Wednesday January 17 2007 - 22:31:25 GMT

I've replaced the js files other than menu-data and still have a problem- where was the change made? Which file?

Thanks so much for your quick responses on this. It is much appreciated.

Poster: AnnGoodwin
Dated: Wednesday January 17 2007 - 22:34:44 GMT

Here's the page source code where this is happening for reference:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<head>
<title>About </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="main.css" rel="stylesheet" type="text/css">
<style type="text/css">
</style>

</head>
<body>

<script type="text/javascript" src="milonic_src.js"></script>
<script type="text/javascript" src="mmenudom.js"></script>
<script type="text/javascript" src="GB-test-menu_data.js"></script>

<div id="header">
<table width="100%" border="0" align="right" cellpadding="0" cellspacing="0">
<TR><TD bgcolor="#95B37D">
<img src="images/gb_logo.jpg" alt="logo" width="280" height="75" align="right" />
</TD></TR>
<TR><TD width="100%" bgcolor="#95B37D">
<script type="text/javascript" src="embedded-main-menu.js"></script>
</TD></TR></table>
</div>

Poster: Andy
Dated: Wednesday January 17 2007 - 22:45:46 GMT

I'm really going to need to see the problem first hand.

Is it possible for you to mock something up. There could really be thousands of causes and possibilities and I'd only be guessing at the answer

Poster: AnnGoodwin
Dated: Wednesday January 17 2007 - 22:56:57 GMT

If you could send me a private email address I will see if I can get permission to show you the page itself. Thanks!

Poster: Andy
Dated: Thursday January 18 2007 - 11:18:30 GMT

Hi,

Thanks for the link it helped a lot.

I've found the problem and it's associated with menualign="right"; this is causing a positioning conflict in Firefox.

The fix is to remove menualign="right"; from the main menu and add align="right" to the cell containing the menu. This will position the menu to the right but will not affect its position.

Your header should look like this:

Code:

<div id="header">
<table width="100%" border="0" align="right" cellpadding="0" cellspacing="0">
  <TR><TD bgcolor="#95B37D">
  <img src="images/greenbuild_logo.jpg" alt="logo" width="280" height="75" align="right" />
</TD></TR>
<TR><TD width="100%" bgcolor="#95B37D" align="right">
<script type="text/javascript" src="embedded-main-menu.js"></script> 
</TD></TR></table>
</div>

Hope this helps,
Andy

thank you!

Poster: AnnGoodwin
Dated: Tuesday January 23 2007 - 23:39:50 GMT

Thanks Andy- that did fix it and I very much appreciate your help.

-Ann

Industrial Strength JavaScript and DHTML Menus

submenu sitting on top of menu FF 2.0.0.1

thank you!