SIFR 3 Colocando aleatoriamente o texto em uma única linha em FF3.6

Question

O SIFR 3 está se comportando estranhamente no Firefox.

O elemento flash SIFR real é definido dentro de uma caixa com 412px de largura. No IE, Chrome, Safari, etc., o elemento flash é um 412px consistente; No entanto, no Firefox, o elemento flash é brevemente tão largo quanto o elemento corporal, antes de se corrigir. Quando a página termina de carregar, as vezes O elemento flash permanece largo, quebrando o layout (o texto flash flui embaixo da barra lateral para a direita).

Definir uma largura no CSS para o elemento .sifr-flash faz com que ele permaneça o de 412px de largura, mas o texto não envolve-apenas corta na borda direita e a altura do elemento flash permanece uma linha de altura.

A marcação é simples; é apenas um h2 dentro de um div.

Meu código 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',  
});

Contexto forceWidth: 'true', Apenas causa o mesmo problema que o uso de uma largura CSS no elemento .sifr-flash.

Então: como posso fazer com que o texto SIFR permaneça tão amplo quanto seu elemento contendo, permitindo quebras de linha no Firefox?

Obrigado por toda e qualquer ajuda!

Answer 1

Finalmente encontrei a correção, de Outra postagem do Stackoverflow.

O problema foi resolvido por descomentando sIFR.useStyleCheck = true; em sifr-config.js. Eu adoraria saber Por quê Isso funcionou, mas a resposta para isso provavelmente está na minha cabeça. :)

Answer 2

Esta não é realmente uma resposta para sua pergunta; Mas recentemente converti um grande site de sifr para Cufon E foi uma brisa! Era muito mais simples que o SIFR, fácil de configurar e muito mais rápido também. O mau desempenho e as dores de cabeça (como o seu) me levaram a mudar e estou feliz com isso.