2010-05-17 3 views
0

sIFR 3 ведет себя странно в Firefox.sIFR 3 случайное размещение текста в одной строке в FF3.6

Фактический элемент вспышки sIFR установлен в коробке шириной 412 пикселей. В IE, Chrome, Safari и т. Д. С элементом Flash является согласованный 412px; однако, в Firefox, элемент Flash краток, как элемент Body, должен быть кратким, прежде чем исправлять себя. Когда страница заканчивает загрузку, иногда элемент Flash остается таким же широким, разбивая макет (текст Flash течет под боковой панелью вправо).

Установка ширины в CSS для элемента .sIFR-flash приводит к тому, что он остается правильным 412px в ширину, но текст вообще не обтекает - он просто отключается на правом краю, а высота элемент вспышки остается одной строкой.

Разметка проста; это всего лишь h2 в пределах div.

Мой SIFR код:

var clerkenwell = { src: '/flash/sifr.swf' }; 

sIFR.activate(clerkenwell); 

sIFR.replace(clerkenwell, { 
    selector: '.post h2', 
    css: '.sIFR-root { color: #1899c4; text-transform:uppercase; font-size:30px; }', 
    transparent: 'true', 
}); 

Установка forceWidth: 'true', только вызывает те же проблемы, с использованием ширины CSS на .sIFR мигания элемента.

Итак: как я могу получить текст sIFR, чтобы он оставался таким же широким, как и его содержащий элемент, позволяя использовать разрывы строк в Firefox?

Спасибо за любую помощь!

ответ

0

FINALLY нашел исправление, от another StackOverflow post.

Проблема была решена путем раскопки sIFR.useStyleCheck = true; в файле sifr-config.js. Мне бы хотелось знать , почему работал, но ответ на это, вероятно, над моей головой. :)

+0

«однако, в Firefox, элемент Flash краток, как элемент Body, перед исправлением« 'sIFR.useStyleCheck' заставляет sIFR (пытаться) подождать, пока не будет применен CSS. Другими словами, происходит ожидание с заменой до тех пор, пока элемент не исправит себя. –

+0

Я вижу. Большое спасибо - я должен помнить этот трюк. – bigsweater

0

На самом деле это не ответ на ваш вопрос; но я недавно преобразовал большой сайт с sIfr в Cufon, и это был легкий ветерок! Это было проще, чем sIfr, легко настраивается и намного быстрее. Плохая производительность и разные головные боли (как и у вас) заставили меня переключиться, и я доволен этим.

+0

Должен сказать, что я согласен, сделал то же самое недавно и никогда не оглядывался –

+0

К сожалению, используемый нами шрифт несовместим с Cufon. Я использовал Cufon в проекте или два раньше и любил его, особенно по сравнению с sIFR, но я боюсь, что sIFR - наш единственный вариант. Было бы просто делать изображения в виде текста и называть его днем, но это будет динамический сайт с WordPress, поэтому заголовки должны работать правильно. – bigsweater