Использование SWFObject, вспышка перемещается на 1 пиксель справа на Firefox

Question

Пожалуйста, проверьте эту страницу: http://islandhideaway.weebly.com/ По какой-то причине слайд-шоу по флэш-памяти перемещается более чем на 1 пиксель при открытии в Firefox на моем Mac. Все остальные браузеры делают его прекрасным, но только на Firefox он оставляет 1 пиксель белого пробела слева!

Я использую самую последнюю версию SWFObject. Это, к сожалению, сайт мусора Weebly, и я не могу использовать jQuery в системе, поэтому я не могу сделать настоящую галерею ... так что давайте сохраним все «не используем Flash для этого» pep talk. Это услуга для друга, и я уже знаю, как это сделать. :)

Answer 1

вы должны использовать это в коде объекта

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

и меню вы должны использовать прозрачный по Flash

<PARAM NAME=wmode VALUE=transparent> 

и найти встраивание и добавить

wmode="transparent" 

попробуйте это

Answer 2

У меня была такая же проблема, и ответ kc rajput не помог мне. (Так что это могут быть две отдельные ошибки.)

Для меня ошибка смещения 1px произошла в зависимости от того, была ли ширина видового экрана браузера нечетным или четным числом пикселей. Таким образом, изменение размера окна браузера просто заставило проблему уйти или вернуться. Объект Flash находился в горизонтальном центре.

В любом случае, this tweak помог мне. В основном я просто добавил border-left: 1px solid transparent; для элемента, который имел margin-left: auto; margin-right: auto;.

Конечно, если ваш центрированный элемент уже содержит границу, это будет не так просто.

Answer 3

Я понимаю, что на этот вопрос уже был дан ответ, но сегодня я искал эту проблему и наткнулся на эту ссылку. Я использовал исправление javascript, которое работает очень хорошо. Я нашел исходный javascript в этом обсуждении с ошибкой Mozilla, а затем немного изменил его.

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

Вот Javascript, что я в конечном итоге с помощью (я надеюсь, что он показывает правильно в этой должности):

<script type="text/javascript"> 
var isFireFoxMac=false; 
if (navigator.userAgent.indexOf("Firefox")!=-1) { 
    if (navigator.platform == "MacIntel" || navigator.platform == "MacPPC") { 
     isFireFoxMac = true; 
    } 
} 
function isEven(value){ 
    return (value%2 == 0); 
} 
function ensureOddWidth() { 
    var width = window.innerWidth; 
    if (isEven(width)) { 
     self.resizeTo(width-1, window.outerHeight); 
    } 
} 
if (isFireFoxMac) { 
    window.onresize = ensureOddWidth; 
    window.onload = ensureOddWidth; 
} 
</script> 

Answer 4

Вы также можете сделать что-то вроде:

div.flashContainer {position:relative; width:200px; left:50%; margin-left:-100px } 

Замените значение ширины на свое значение и сделайте отрицательную половину поля слева. Еще один стандартный способ центрирования чего-то, что позволяет избежать маржи: 0 ошибка авто.