DROTHISM

“overflow:hidden” not working on Firefox when the DIV contains Flash

Posted by Drothism on Sep 6th, 2008

I was adding a flash embed into a sidebar in WordPress and hit an issue when the flash object was wider than the DIV. I attempted to use overflow:hidden to limit the flash object to the sidebar and it worked fine in IE7. When I checked the change in Firefox the embedded flash object still overflowed into the next DIV. After much poking and probing I discover the issue in Firefox was related to the embedded object and that wmode=”transparent” parameter needs to be included.

Here is an example of the embedded code I used in the WordPress widget with the wmode parameter…

<embed
   src=”http://www.mysite.com/Media/flash.swf
   base =”http://www.mysite.com/Media/
   width=”500″
   height=”300″
   allowscriptaccess=”always”
   allowfullscreen=”true”
   wmode=”transparent”
/>  

Leave a reply

You must be logged in to post a comment.