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?
Спасибо за любую помощь!