Blog

Centered Flash and Firefox 3.6+ on OSX

Go figure, A Flash bug that only affects newer Firefox builds on Apple OSX.

We were working on a slick Flash header for a client and noticed something odd. Where the transparency of the flash document met the content below it, things would be thrown out of alignment by 1px.After cross-examining web browsers across several platforms we noticed this issue was only affecting Firefox on Apple OSX. A quick Google search turned up this bug thread over at Mozilla:

https://bugzilla.mozilla.org/show_bug.cgi?id=550246

The problem is the way the Flash object is drawn when it is in a div that is centered. When the width of the window is an odd number, the document is thrown out of alignment. When the width of the window is an even number, things look perfect.

To fix this problem I adjusted the height of my Flash document by 19px, and then in CSS I moved my Flash document up by -19px. This moved the edge of the Flash out of the way of any elements that it would affect, in turn hiding the 1px misalignment from sight.

Anyone else have the misfortune of dealing with this issue?

One Response to Centered Flash and Firefox 3.6+ on OSX

  1. Neil says:

    nice one! see what he’s talking about here: http://westernunioncanada.ca/holidaysurprise

*
To prove that you're not a bot, enter this code
Anti-Spam Image