My home page has a horizontal Fireworks 8 Javascript menu bar with pop-up (or
rather drop-down) submenus. Immediately below the menu bar is a wide photo.
The submenus drop down nicely over the photo. This is as I wanted.

I now want to replace the photo by an animated Flash equivalent. Everything
works fine except that the submenus drop down behind and not in
front of the Flash display.

The Fireworks menu-bar table immediately precedes the photo <img> or Flash
<object> and is in the same <div>.


Does anyone know ...

a. Since the menu <table> definition precedes the <img> or Flash <object>, the
usual document stacking-order rules would imply that the menu drop-downs would
always be obscured by the <img> or Flash <object>. This clearly doesn?t happen
when using a <img> (thank goodness!) but why?


b. Why should replacing the <img> by a Flash <object> change the display
order? And what can I do to make the menu drop downs display in front of the
Flash <object> ?

I have tried with no success to force the display order using a
style=?position: ?static?; z-index: ?integer?? (where integer is larger for the
menu <table> than the <object>). I know that IE historically has placed
<object> elements on a separate ?plane? than ordinary tag elements such that
z-index ranking is within each plane but not across planes and
such that an <object> plane always displays over the other tags plane, but the
same behaviour happens in FFox 2 as well!

All Active content on a page will always rise to the top, so to speak,
including Flash, certain form elements, Java applets, and Active X controls.
This means that each of these will poke through layers. There is not a good
cross-browser/platform reliable way to solve this issue, but if you can be
confident in your visitors using IE 5+ or NN6+, then you can use the Flash
wmode parameter (however, Safari does not support this properly!).

PVII article:
http://www.projectseven.com/support/answers.asp?id=127



--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Max Stewart" <webforumsuser@macromedia.com> wrote in message
news:fq3p8d$pbc$1@forums.macromedia.com...
> My home page has a horizontal Fireworks 8 Javascript menu bar with pop-up
> (or
> rather drop-down) submenus. Immediately below the menu bar is a wide
> photo.
> The submenus drop down nicely over the photo. This is as I wanted.
>
> I now want to replace the photo by an animated Flash equivalent.
> Everything
> works fine except that the submenus drop down behind and not in
> front of the Flash display.
>
> The Fireworks menu-bar table immediately precedes the photo <img> or Flash
> <object> and is in the same <div>.
>
>
> Does anyone know ...
>
> a. Since the menu <table> definition precedes the <img> or Flash <object>,
> the
> usual document stacking-order rules would imply that the menu drop-downs
> would
> always be obscured by the <img> or Flash <object>. This clearly doesn?t
> happen
> when using a <img> (thank goodness!) but why?
>
>
> b. Why should replacing the <img> by a Flash <object> change the display
> order? And what can I do to make the menu drop downs display in front of
> the
> Flash <object> ?
>
> I have tried with no success to force the display order using a
> style=?position: ?static?; z-index: ?integer?? (where integer is larger
> for the
> menu <table> than the <object>). I know that IE historically has placed
> <object> elements on a separate ?plane? than ordinary tag elements such
> that
> z-index ranking is within each plane but not across planes
> and
> such that an <object> plane always displays over the other tags plane, but
> the
> same behaviour happens in FFox 2 as well!
>

Many thanks Murray.
I had already tried inserting <param name="wmode" value="transparent"> as an
argument of the <object> tag but this only worked for IE and not FFox. But
adding wmode="transparent" as an argument of <embed> now makes it work with
FFox2 as well!
(Which means I can now test for older or other browsers and just display a
static photo instead)

Good luck!

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Max Stewart" <webforumsuser@macromedia.com> wrote in message
news:fq43f7$6iu$1@forums.macromedia.com...
> Many thanks Murray.
> I had already tried inserting <param name="wmode" value="transparent"> as
> an
> argument of the <object> tag but this only worked for IE and not FFox.
> But
> adding wmode="transparent" as an argument of <embed> now makes it work
> with
> FFox2 as well!
> (Which means I can now test for older or other browsers and just display a
> static photo instead)
>