Page 1 of 1

Flash animation displaying above flyout menu in firefox 3.0

Posted: Thu Jan 15, 2009 2:53 pm
by pizzaovens1
i have just put in a new flash banner on our site http://www.pizzaovens.com. the flyout menu will display overtop the banner in IE however, in firefox the flash banner displays over top the flyout menu.

anyone know any settings i can use to make sure the banner plays behind the flyout menu ?

Re: Flash animation displaying above flyout menu in firefox 3.0

Posted: Thu Jan 15, 2009 3:03 pm
by dappy2
Works fine for me. Firefox 3 on a mac.

Re: Flash animation displaying above flyout menu in firefox 3.0

Posted: Thu Jan 15, 2009 3:37 pm
by pizzaovens1
i have tryed adding z-index tags to the css in the following areas.

Code: Select all

#leftSidebarPanel
{
	width: 100%;
	float: none;
    vertical-align:top;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #FFFFFF;
	border: 1px solid #000000;
    z-index: 2;
and

Code: Select all

#mainPanel 
{
	padding: 0 1px;
	width:540px;
    z-index: 1;
but that has not helped

Re: Flash animation displaying above flyout menu in firefox 3.0

Posted: Fri Jan 16, 2009 8:01 am
by jmestep
I used z-index:100 on this site to get the horizontal nav dropdowns to appear in front of the flash:
http://accuquilt.com/default.aspx

Re: Flash animation displaying above flyout menu in firefox 3.0

Posted: Fri Jan 16, 2009 11:22 am
by pizzaovens1
did you apply the css changes to your style.css page or to the con lib flyout menu aspx page?

also did you implament a flash wmode?

Re: Flash animation displaying above flyout menu in firefox 3.0

Posted: Fri Jan 16, 2009 11:57 am
by pizzaovens1
fixed by adding

wmode="transparent"
to the embed tag in the html.