2009-03-12 16 views
0

Il s'agit d'un problème récurrent dans Firefox 3.0. Il semble que quand je continue à rafraîchir, parfois ça enveloppe, parfois non. Quand il ne s'enroule pas, je peux ajuster la taille de la fenêtre et l'élément sIFR'd s'accrochera à sa taille correcte. J'ai besoin de mes éléments pour envelopper la charge, en fonction de la largeur de son conteneur. J'ai la plus récente «génération nocturne» de sIFR 3.0.sIFR 3.0 - Retour de texte/retour à la ligne incohérent dans Firefox 3 sur PC uniquement

Je veux sIFR une étiquette h2. l'étiquette h2 est incluse dans un div, et les deux ont des largeurs définies.

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

Dans mon fichier sifr.js, j'ai les paramètres suivants sont définis:

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

Mon fichier .sifr.CSS ressemble à ceci:

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

Et mon fichier CSS normale ressemble à ceci:

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

Hing else semble fonctionner dans tous les autres navigateurs, sauf pour FF3 sur PC seulement! Est-ce un bug connu? Je ne peux pas comprendre! S'il vous plaît aider!

Répondre

0

Une possibilité est que vous deviez spécifier une hauteur sur l'élément. IE7 peut avoir un problème similaire.

1

sIFR peut initialiser trop tôt. La solution la plus simple consiste à définir sIFR.useDomLoaded = false; avant sIFR.activate(), qui attendra le chargement de la page avant de remplacer les éléments.

Vous pouvez également regarder en utilisant sIFR.useStyleCheck = true; qui nécessite un peu plus de CSS mais attendra jusqu'à ce que le CSS soit chargé.

0

sIFR.activate() est-il situé dans le fichier sifr.js ou dans le fichier sifr-addons.js?

1

Je suis sûr qu'il est text-transform: uppercase élargir la largeur de mot après la largeur du flash a été réglée

J'ai essayé de comprendre une solution à ce pendant un certain temps

+0

Cela cause aussi ma douleur. J'ai essayé à la fois useStyleCheck et useDomLoaded sans succès. – philfreo

+0

J'ai corrigé mon problème en étant capable de définir une largeur fixe sur mon élément remplacé. – philfreo

0

par Marc conseils, décommentation sIFR.useStyleCheck = true; juste avant que sIFR.activate() ne fonctionne pour moi.

Robert, sIFR.activate() trouvé dans sifr.js.

1

Pour l'utilisateur commun ... assurez-vous que vous définissez la largeur et la hauteur du conteneur div pour votre objet ou image. Firefox encapsulera tout texte suivant si ces valeurs ne sont pas définies.