2009-03-12 10 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.

Questions connexes