Sedan en kort tid tillbaka har vi börjat se lite konstigheter med flash-material, för vår del så handlade det om att flash-innehåll hade fått en pixel marginal till vänster. Problemet är inte alltid så lätt att se, men när vi kör annonskampanjer där flera format ska ligga mot varandra så blir detta tydligt.
Efter att ha uteslutit ändringar som vi gjort i vår kod så började jag söka på “the internets”. Jag hittade en del länkar som beskriver samma problem. Här är en sammanfattning av den information jag hittade där andra beskrivit problemet.
- Så gott som samtliga säger att detta endast händer i Firefox 3.6
- Problemet verkar endast drabba <object>
- De flesta säger att det händer i Mac OSX men några säger att det även händer i WinXP
- Händer bara på sidor som är centrerade med margin: 0 auto;
- Felet kommer och går när man ändrar storlek på webbläsarfönstret. Verkar ha att göra med om bredden är ett jämnt eller udda mått.
- Några säger att problemet löser sig genom att sätta outline:none; på <object> men majoriteten säger att detta inte löser problemet
Beskrivningarna av problemet ovan verkar passa in väldigt bra på problemet vi har på Aftonbladet. Än så länge så verkar det inte finnas någon generell lösning som fungerar för oss, förutom att vänsterställa sidan men det känns inte riktigt som ett alternativ. Problemet är i alla fall identifierat och nu får vi se om vi hittar en lösning eller workaround för detta om inte de trevliga människorna på Mozilla fixar det först.
Ett förslag till en workaround skulle vara att lägga flashen i en container som har en bakgrundsfärg eller en bakgrundsbild som gör att problemet inte blir lika uppenbart. Men det fungerar inte i alla lägen och känns inte som en hållbar lösning. Förslag på lösning eller röstning hos Bugzilla uppskattas.
Lite länkar om detta:
Mac Firefox 3.6 adding 1-pixel border around Flash
http://support.mozilla.com/en-US/forum/1/570657