Menu causing transparent Flash element to Hide

[kitlamoureux]

Hi there,

THe menu appears ot work fine in on PC and well on the MAC in Safari and Firefox, except it seem to make my home page flash element disappear in FIrefox when you rollover the menu.

http://www2.beta.hodes.com

I am really stumped by this and wouldnt really care, but a large part of aour audience is MAC/FF based and this is a strong home page elemnt. I could have sworn this was working fine beofre i switched to a tabe based menu vs the positioned one i was using (the went to a centered layout and the table based was the only way to make it work

THoughts?

Thanks

Kit

[codlord]

Just a thought - you have not said what version of the menu you are using or what version of firefox you are having the problem with and perhaps post your menu data code too (or at least the settings/style parts.

There is a top-level menu setting to do with flash and mozilla which is:
fixMozillaZIndex=true;

But as far as I knew that was to fix layer problems where a menu might appear behind a flash element (not a flash element dissapearing). BTW I cannot reproduce your problem using firefox 1.5RC3 - everything seems fine on your site.

[kitlamoureux]

Thanks codlord...sorry i was a bit tired.

THe problem only occurs in on the MAC OS. I have only tried it on OSX 10.3 but supposedly it also in 9.2 as well.

THe firefox version i was using, was 1.5 for MAC

THat menu_data code is here code follows//

Code: Select all

_CFix = true; //to fix a problem with contribute
fixMozillaZIndex=true;
_menuCloseDelay=500           // The time delay for menus to remain visible on mouse out
_menuOpenDelay=150            // The time delay before menus open on mouse over
_subOffsetTop=-1            // Sub menu top offset
_subOffsetLeft=1          // Sub menu left offset



with(menuStyle=new mm_style()){
offclass="opaque";
onbgcolor="#CCCCCC";
oncolor="#515151";
offbgcolor="#E4E5E9";
offcolor="#003366";
bordercolor="#979765";
borderstyle="none";
borderwidth=1;
separatorcolor="#ffffff";
separatorsize="1px";
padding="4px 5px 10px 5px";
fontsize="11px";
fontweight="bold";
fontfamily="arial,_sans";
pagecolor="black";
pagebgcolor="#E4E5E9";
headercolor="#ffffff";
headerbgcolor="#E4E5E9";
subimage="/images/nav/spacer.gif";
subimagepadding="0";
width=117;
}

homeStyle=new copyOf(menuStyle); 
homeStyle.fontweight="normal";

And the code for the table that holds the page is here

Code: Select all

<!-- Menu Section -->
<div id="menu">
<table width=117 height=408 cellpadding=0 cellspacing=0 border=0>
<tr>
       <td><img src="/images/nav/menutop_<%=SectionName %>.gif" width="117" height="16" /><br /></td>
</tr>
<tr>
       <td><script>with(milonic=new menuname("Home")){
			style=menuStyle;
			menuwidth=117;
			menuheight=392;
			alwaysvisible=1;
			followscroll=0;
			orientation="vertical";
			position="relative";
			//aI("text=<IMG height=16 src='menutop_home1.gif' width=117>;type=header;headerbgcolor=transparent;padding=0px;");
			//aI("text=<form action=/search/results.asp method=put><input type=hidden name=section value=<%=SectionName %>><input type=hidden name=list value=pda><input type=text name=SearchString size=7><input type=submit value=Go></form>;type=form;align=left;");
			//aI("text=<label for=search><input type=text name=search id=search value=search size=7/></label><input type=submit value=go />;type=form;");
			//aI("text=<form method=get action=search.asp><label for=search><input type=text name=search id=search value=search size=7/></label><input type=submit value=Go /></form>;type=form;");
			aI("text=Contact Us;margin=10px 0px 10px 0px;offclass=menumargintop;onclass=menumargintop;showmenu=ContactUs;url=/contactus/index.asp;fontweight=normal;");
			aI("text=About Us;url=/aboutus/index.asp;showmenu=About Us;");
			//aI("text=Core<br>Compentencies;url=/core/index.asp;");
			aI("text=Core<br />Compentencies;url=/core/index.asp;showmenu=CoreComps");
			aI("text=Case Studies;url=/casestudies/index.asp;showmenu=Case Studies;");
			aI("text=Industries;url=/industries/index.asp;showmenu=Industries;");
			aI("text=Specialty Services;url=/specservices/index.asp;showmenu=Specialty Services;");
			aI("text=Publications;url=/publications/index.asp;showmenu=Publications;");
			aI("text=Global;url=/globalnetwork/index.asp;showmenu=GlobalNetwork;");
			}
			drawMenus();
			</script>
		</td>
</tr>
</table>
</div>

It should be mentioned that this is working pefectly on the PC in IE6 Netscape 7, FIrefox 1.5.
THanks,

Kit

[John]

Get the menu out of the div - it really doesn't like that.

Also, remove all ' (single quotes) you have contained within your aI statements.

Move your menu code calls out of the header to right before the _data file call in the body.

[davebarnes]

The cause of the problem is this code:
<param name="wmode" value="transparent" />
in the Flash movie parameters.

[kitlamoureux]

OK i have tried as directed, but the menu still makes invisible the flash element in Firefox 1.5 on the Mac.

http://www2.beta.hodes.com/index_fix.asp

Unfortunately, removing the divs not only screws up my layout, but it also doesnt fix the problem.

The window mode also has nothing to do with the problem. IF it is opaque, the invisiblity only screws up part of it.

This is the only mainstream browser that has a problem. Safari, Netscape, etc. all render this fine...and it is perfect on the PC. http://www2.beta.hodes.com/index.asp

Any other ideas?

THanks,

Kit

[kitlamoureux]

Well it tunrs out...it has something to do with the transparency filter and the opacity setttings i was adding to the menu..IN firefox mac, they were causing the flash element to disappear.

VEry weird, but i detect for the browser and then just use a 100% opacity and it seems to be fine.

Very strange though.

THanks,

Kit