Domanda

sIFR 3 è comporta in modo strano in Firefox.

L'elemento sIFR lampo attuale si trova all'interno di una scatola che è 412px di larghezza. In IE, Chrome, Safari, ecc, la con dell'elemento Flash è un 412px coerente; tuttavia, in Firefox, l'elemento Flash è brevemente largo quanto l'elemento del corpo, prima di correggere se stesso. Quando la pagina termina il caricamento, a volte i resti di elementi Flash che largo, rompendo il layout (Il testo in Flash scorre sotto la barra laterale a destra).

L'impostazione di una larghezza nella CSS per l'elemento .sIFR-flash fa sì che rimanga la corretta 412px di larghezza, ma il testo non va a capo a tutti - taglia appena fuori sul bordo destro, e l'altezza del elemento flash rimane una linea alta.

Il codice è semplice; è solo un h2 all'interno di un div.

Codice mio 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',  
});

Impostazione forceWidth: 'true', provoca solo lo stesso problema come utilizzando una larghezza CSS sull'elemento .sIFR-flash.

Quindi: come posso ottenere il testo sIFR di rimanere largo come il suo elemento contenente pur consentendo interruzioni di riga in Firefox

?

Grazie per qualsiasi aiuto!

È stato utile?

Soluzione 2

Finalmente ho trovato la correzione, da un altro StackOverflow posta .

Il problema è stato risolto sIFR.useStyleCheck = true; decommentando in sIFR-config.js. Mi piacerebbe sapere perché che ha funzionato, ma la risposta è probabilmente sopra la mia testa. :)

Altri suggerimenti

Questo non è davvero una risposta alla tua domanda; ma di recente ho convertito un grande sito web da Cufon e è stato un gioco da ragazzi! Era modo più semplice di sIFR, facile da installare, e molto più veloce pure. I poveri mal di testa prestazioni e Misc (come la tua) mi ha spinto a cambiare e sono felice con lui.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top