sIFR 3 r436 Opera + Firefox float issue

Question

У меня проблема с sifr, размещенная рядом с плавающим img, Opera 9.6 заставляет текст очищать изображение и отображать на одной строке. Firefox также заставляет текст очищать первый раз, когда страница загружается, хотя исправление исправления это и проблема никогда не повторится, только для возврата, если кеш очищается и браузер перезапускается.

Кроме того, strangley с firefox, если ошибка возникает, а затем я загружаю firebug, это снимает текст до правильного положения в ряд с изображением, очень странно, поскольку я не думал, что firebug заставил dom перезагрузить.

Answer 1

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

Решения:

• Попробуйте установить width и height на изображение поэтому расположение не меняется, когда он загружает
• Используйте fitExactly, чтобы сделать флэш-ролик так широко, как в нем текст. Это поможет предотвратить очистку, если конечно текст больше, чем свободное место
• Установите sIFR.useDomLoaded = false; перед sIFR.activate() сделать SIFR замены элементов на странице загрузки - после того, как изображение было загружено

Вы также, возможно, потребуется чтобы отрегулировать расстояние между буквами на подлежащих замене элементах таким образом, чтобы ширина текста HTML правильно отражала ширину, которая будет восприниматься текстом Flash. И в случае, если Flash сообщает о неправильных значениях ширины текста, используйте свойства tuneWidth и offsetLeft для настройки.