sIFR - problème de hauteur de ligne dans Firefox 3 seulement?

Question

J'essaie d'utiliser sIFR pour créer un effet de nuage de tags pour une page d'accueil sur laquelle je travaille. Il y a 4 lignes de texte, avec différentes tailles de police et couleurs de police dans chaque ligne. Je pense que les puristes de SIFR diront que cela crée trop de clips pour être sûrs, mais c'est vraiment l'effet que nous recherchons et c'est la meilleure option que nous avons qui est bonne pour SEO et se dégradera gracieusement. Si nous pouvons le faire fonctionner, c'est ...

Le problème que j'ai est que les couleurs, les tailles de police, etc. s'affichent bien, mais il semble y avoir un rembourrage excessif autour du texte, créant le effet que la hauteur de ligne est plus proche de 200% que 200% ou 1 em. Je l'ai bien fonctionner dans Internet Explorer 7 et d'autres navigateurs, mais Firefox semble afficher tout faux!

Toutes les idées et aide appréciée;)

<h1 style="font-weight:600;"> 
<span class="titleleft">Content </span> 
<span class="titleright">Formula:</span> 
<span class="focussed">Focused </span> 
<span class="creative">creative </span> 
<span class="and">and </span> 
<span class="targeted">targeted </span> 
<span class="content">content </span> 
<span class="for">for </span> 
<span class="bluechip">blue chip </span> 
<span class="global">global </span> 
<span class="websites">websites </span> 
<span class="and2">and </span> 
<span class="intranets">intranets. </span> 
<span class="wedeliver">We deliver </span> 
<span class=success>success </span> 
<span class="witha"> with a </span> 
<span class="degree">360 degree </span> 
<span class="approach">approach to online</span><br /> 
<span class="communications">communications.</span> 
</h1> 

ligne Exemple de configuration:

sIFR.replace(arial, 
{selector: '#main_content_left_home>h1>span.titleleft' 
,css: '.sIFR-root { color: #000000; font-weight:bold;letter-spacing: -1;}' 
,tuneWidth: (+10) 
}); 

sIFR.fixWrap = false; 
sIFR.fitExactly = true; 
sIFR.useStyleCheck = false; 
sIFR.useDomLoaded = false; 
sIFR.preserveSingleWhitespace = true; 
sIFR.autoInitialize = true; 
sIFR.forceWidth = true; 
sIFR.repaintOnResize = true; 

Answer 1

Vérifiez si la taille supplémentaire est dans le film Flash, ou autour d'elle. Dans ce dernier cas, vous devrez recourir aux modifications CSS.

Dans le premier cas, consultez les tuneHeight/tuneWidth et offsetTop/offsetLeft arguments pour sIFR.replace(). Ceux-ci vous permettent de changer la position du texte dans le film Flash et vous permettent de changer la marge que laisse le film Flash autour du texte.

Ceci est parfois nécessaire car les dimensions du texte sont incorrectement rapportées par Flash.