sIFR 3 posizionando casualmente testo su una singola linea in FF3.6
-
27-09-2019 - |
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!
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.