Несовместимость переноса текста в Firefox 3 только на ПК

Question

Это повторяющаяся проблема у меня в Firefox 3.0. Кажется, когда я продолжаю освежать, иногда это оборачивается, иногда нет. Когда он не переносится, я могу настроить размер окна, и элемент sIFR будет привязан к его правильному размеру Мне нужно, чтобы мои элементы оборачивались под нагрузкой в ​​зависимости от ширины контейнера.

У меня самая последняя ночная сборка sIFR 3.0.

Я хочу отфильтровать тег h2. Тег h2 заключен в div, и оба имеют заданную ширину.

<div class="recipe-title">
   <h2>This is a recipe title</h2>
</div>

В моем файле sifr.js установлены следующие параметры:

forceWidth = true; 
fitExactly = true; 
preventWrap = false;

Мой файл .sifr.CSS выглядит так:

@media screen {
  .sIFR-active .recipe-title h2 { width:455px; font-size:16px; text-transform:uppercase; }
}

И мой обычный CSS-файл выглядит так:

.recipe-title, .recipe-title h2 { width:400px; }

Все остальное работает во всех других браузерах, кроме FF3 только на ПК. Это известная ошибка?

Answer 1

Для обычного пользователя ... убедитесь, что вы установили ширину и высоту контейнера div для вашего объекта или изображения. Firefox перенесет любой следующий текст, если эти значения не установлены.

Answer 2

Я почти уверен, что это преобразование текста: заглавные буквы увеличивают ширину слова после установки ширины флеш

Я уже некоторое время пытаюсь найти решение этой проблемы

Answer 3

SIFR может инициализироваться слишком рано. Самое простое решение - установить sIFR.useDomLoaded = false; перед sIFR.activate(), что будет ждать загрузки страницы перед заменой элементов.

Вы также можете использовать sIFR.useStyleCheck = true;, который требует немного больше CSS, но будет ждать, пока CSS загрузится.

Answer 4

По совету Марка, раскомментируя sIFR.useStyleCheck = true; непосредственно перед тем, как sIFR.activate () сработал для меня.

Роберт, sIFR.activate () находится в sifr.js.

Answer 5

sIFR.activate () находится в файле sifr.js или в файле sifr-addons.js?

Answer 6

Возможно, вам потребуется указать высоту элемента. IE7 может иметь похожую проблему.