SIFR 3 случайным образом помещает текст в одну строку в FF3.6 - PullRequest
0 голосов
/ 18 мая 2010

SIFR 3 ведет себя странно в Firefox.

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

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

Разметка проста; это просто 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-flash.

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

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

Ответы [ 2 ]

0 голосов
/ 19 мая 2010

НАКОНЕЦ нашел исправление, из другого сообщения StackOverflow .

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

0 голосов
/ 18 мая 2010

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

...