sIFR - Zeilenhöhenproblem nur in Firefox 3?

Question

Ich versuche sIFR zu verwenden, um einen Tag-Cloud-Effekt für eine Homepage zu erstellen, an der ich gerade arbeite. Es gibt 4 Textzeilen mit verschiedenen Schriftgrößen und Schriftfarben in jeder Zeile.

Ich vermute, sIFR-Puristen würden sagen, dass dies zu viele Filmclips erzeugt, um sicher zu sein, aber es ist wirklich der Effekt, den wir suchen, und es ist die beste Option, die gut für SEO ist und wird gnädig degradieren. Wenn wir es zum Laufen bringen können, ist das ...

Das Problem, das ich habe, ist, dass die Farben, Schriftgrößen, etc. alle gut angezeigt werden, aber es scheint zu viel Polsterung um den Text zu schaffen bewirken, dass die Linienhöhe näher bei 200% als 200% oder 1 em liegt. Ich habe es funktioniert in Internet Explorer 7 und einigen anderen Browsern, aber Firefox scheint alles falsch angezeigt werden! Irgendwelche Ideen

und Hilfe geschätzt;)

<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> 

Beispielkonfiguration Linie:

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

Überprüfen Sie, ob die zusätzliche Größe innerhalb der Flash-Film ist, oder um ihn herum. In letzterem Fall müssen Sie auf CSS-Optimierungen zurückgreifen.

Im ersteren Fall, überprüfen Sie die tuneHeight/tuneWidth und offsetTop/offsetLeft Argumente für sIFR.replace(). Mit diesen Optionen können Sie die Position des Textes im Flash-Film ändern und ändern, wie viel Spielraum der Flash-Film im Text zurücklässt.

Dies ist manchmal erforderlich, weil die Abmessungen des Textes von Flash falsch gemeldet werden.