sIFR 3.0 - Textumbruch/Inkonsistenz in Firefox 3 nur auf PC

Question

Dies ist ein wiederkehrendes Problem, das ich in Firefox 3.0 habe. Es scheint, wenn ich es auffrische manchmal wickelt es, manchmal nicht. Wenn es nicht wrapt, kann ich die Fenstergröße anpassen und das sIFR'd-Element wird auf seine korrekte Größe einrasten. Ich brauche meine Elemente, um basierend auf der Breite des Containers auf die Last zu laden.

Ich habe den aktuellsten 'nächtlichen Build' von SIFR 3.0.

Ich möchte ein h2-Tag sIFR. Das h2-Tag ist in einem div eingeschlossen, und beide haben Breiten festgelegt.

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

In meiner sifr.js Datei habe ich die folgenden Parameter eingestellt:

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

Meine .sifr.CSS Datei sieht wie folgt aus:

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

Und meine normale CSS-Datei sieht so aus:

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

Everyt Hing scheint sonst in allen anderen Browsern zu funktionieren außer FF3 nur auf PC! Ist das ein bekannter Fehler? Ich kann es nicht herausfinden! Bitte helfen Sie!

Answer 1

Eine Möglichkeit besteht darin, dass Sie möglicherweise eine Höhe für das Element angeben müssen. IE7 kann ein ähnliches Problem haben.

Answer 2

sIFR initialisiert möglicherweise zu früh. Am einfachsten ist es, sIFR.useDomLoaded = false; vor sIFR.activate() zu setzen, was warten wird, bis die Seiten geladen werden, bevor die Elemente ersetzt werden.

Sie können auch mit sIFR.useStyleCheck = true; suchen, die ein bisschen mehr CSS benötigt, aber warten wird, bis das CSS geladen hat.

Answer 3

Befindet sich sIFR.activate() in der Datei sifr.js oder der Datei sifr-addons.js?

Answer 4

Ich bin mir ziemlich sicher, dass es Text-transform: Groß die Wortbreite vergrößert, nachdem die Flash-Breite eingestellt wurde

Ich habe seit einiger Zeit

Answer 5

eine Lösung für diese Zahl versuche

Per Mark Beratung, Kommentar auskommentieren sIFR.useStyleCheck = true; kurz bevor sIFR.activate() für mich arbeitete.

Robert, sIFR.activate() findet sich in sifr.js.

Answer 6

Für den allgemeinen Benutzer ... stellen Sie sicher, dass Sie Ihre Breite und Höhe des div-Containers für Ihr Objekt oder Bild festlegen. Firefox wird jeden folgenden Text umbrechen, wenn diese Werte nicht gesetzt sind.