submenu sitting on top of menu FF 2.0.0.1

AnnGoodwin · Post by **AnnGoodwin** » Wed Jan 17, 2007 10:55 pm

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.

Post by **Andy** » Wed Jan 17, 2007 11:02 pm

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

AnnGoodwin · Post by **AnnGoodwin** » Wed Jan 17, 2007 11:16 pm

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)

Post by **Andy** » Wed Jan 17, 2007 11:24 pm

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

AnnGoodwin · Post by **AnnGoodwin** » Wed Jan 17, 2007 11:31 pm

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.

AnnGoodwin · Post by **AnnGoodwin** » Wed Jan 17, 2007 11:34 pm

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>

Post by **Andy** » Wed Jan 17, 2007 11:45 pm

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

AnnGoodwin · Post by **AnnGoodwin** » Wed Jan 17, 2007 11:56 pm

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

Post by **Andy** » Thu Jan 18, 2007 12:18 pm

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: Select all

<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

AnnGoodwin · Post by **AnnGoodwin** » Wed Jan 24, 2007 12:39 am

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

-Ann

Milonic JavaScript Menu

submenu sitting on top of menu FF 2.0.0.1

submenu sitting on top of menu FF 2.0.0.1

thank you!