Using SWFObject, the flash moves 1 pixel to the right on Firefox

Question

Please check this page: http://islandhideaway.weebly.com/ For whatever reason, the flash slideshow moves over 1 pixel when opened in Firefox on my Mac. All other browsers render it fine, but only on Firefox it leaves a 1 pixel white gap on the left!

I am using the most recent version of SWFObject. This unfortunately is a garbage Weebly site and I cannot use jQuery in the system so I can't do a real gallery... so let's save the whole "don't use Flash for that" pep talk. It's a favour for a friend and I am already aware of better ways to do it. :)

Answer 1

hi you should use this in your object code

<param name="SCALE" value="exactfit" />

and for menu you should use transparent flash

<PARAM NAME=wmode VALUE=transparent> 

and find the embed and add this

wmode="transparent"

try this

Answer 2

Cool...we are using SWFOBject 2.2 in our SharePoint 2010 site and without these additional params the flash was jumping all over the place when we moused over a nav item with a dropdown. SP has so much built in js goin on, it's hard to just pick up a js library and start using it because of conflicts.

Little off topic...but, we had to scrap a solution from 2007 using prototype.js since the upgrade to 2010, based off tons of conflicts and js errors from just including the prototype library.

Answer 3

I had the same problem, and kc rajput's answer didn't help for me. (So this may be two distinct bugs.)

For me, the 1px offset bug occurred depending on whether the browser viewport width was an odd or even number of pixels. So, resizing the browser window just a bit made the problem go away or come back. The Flash object was in a horizontally centered element.

Anyway, this tweak helped for me. Basically I just added a border-left: 1px solid transparent; for the element that had margin-left: auto; margin-right: auto;.

Of course, if your centered element already contains a border, it won't be that simple.