Member Avatar for cmills83

Hi I have a div holding a swf inside a container div. The div moves around and eventually ends up on the left and every other browser I test in (ie6, ie7, ff, safari) the swf going outside the container is cut off by the overflow hidden;. for some reason mac firefox container div is ignoring this. Is there another solution to overflow hidden a div containing flash in mac firefox?

Thanks

  • 4 Contributors
  • 3 Replies
  • 100 Views
  • 1 Year Discussion Span
  • Latest Post Latest Post by gorotms

Dani AI

Generated

Short diagnosis and fix: the Flash plugin on Mac/Firefox runs as a windowed plugin by default and will float above HTML/CSS, so overflow:hidden looks ignored. That matches 's note that "the player expects to be on top." For Flash to obey HTML clipping and stacking, run it windowless by setting wmode to opaque (or transparent) in both the <object> param and the <embed> attribute or via your embed script.

Example (object/embed):

<object width="300" height="200" data="movie.swf" type="application/x-shockwave-flash">
  <param name="movie" value="movie.swf" />
  <param name="wmode" value="opaque" />
  <embed src="movie.swf" wmode="opaque" width="300" height="200"></embed>
</object>

Example (SWFObject):

var params = { wmode: "opaque" };
swfobject.embedSWF("movie.swf","holder","300","200","9.0.0",null,{},params);

Troubleshooting checklist: confirm the wmode param exists in both tags (some browsers ignore one or the other), give the container a positioned context (position:relative) so z-index applies, test with a minimal page to isolate CSS/JS conflicts, and update Flash Player / Firefox to the latest supported builds. Note that wmode can affect keyboard focus and disable Flash fullscreen, and it has a performance cost compared with the default windowed mode.

For the accordion/lazy-load case mentioned by , inject the embed only when the tab opens (use SWFObject or innerHTML) and remove the node on close to prevent hidden instances from reflowing the page. For overlapping SWFs like , apply wmode: "opaque" for each SWF and manage stacking with CSS z-index. Finally, since Flash reached end-of-life in 2020 and modern browsers no longer support it, plan migration to HTML5/CSS/Canvas/Video where feasible.

Recommended Answers

All 3 Replies

Member Avatar for MidiMagic

This is usually not a browser issue, but a player issue. The player expects to be on top when it is running.

Member Avatar for widget41

how does one stop the flash from loading until the tab or container that contains the flash is opened. i have an accordion menu and i have embeded a flash. ie work great and safari but firefox keeps the flash open even when all the tabs are closed. when the tab is opened that contains the flash the flash slips into place, when the tab is closed the flash file dumps itself below the tab on the page.

Member Avatar for gorotms

Hi,

I'm using multiple div tags with flash embedded within each frame, overlapping each other. The full set is working fine except that the various browsers which i've got, are not consistent in display. Each browser is showing different placement of the full set. Any light into the darkness? I will be glad if anyone out there can answer my quizzo...

thanks in advance

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.