SIFR probleem in FireFox

[Verwijderd]

Beste mensen,

Ik zit al een tijdje met een probleem. Ik gebruik SIFR voor de H1 en H2 stijlen op mijn website.
In Internet Explorer 7 werkt het zoals het zou moeten werken. In Firefox laat ie de SIFR te klein zien en plaatst ie onder de SIFR ook nog eens de "gewone" tekst met een standaardlettertype dus.

Het probleem is te zien op http://www.yworks.nl/09, het gaat om de roze H1 en H2 stylen. In Firefox zit dus het probleem.

Wie kan mij hiermee helpen?

[Noork]

Wat is de betreffende code (sifr replace) en de css van het geheel?

[edit]
ah code valt natuurlijk in de site op te vragen, en de css staat hier: http://www.yworks.nl/09/style/sIFR-screen.css

Heb je de css standaard gehouden of dingen aan veranderd?

Verder, kun je een testcase maken, dus alleen sifr en wat plain html, zonder de hele layout en overige js code.

[ Voor 69% gewijzigd door Noork op 13-01-2009 13:26 ]

[Verwijderd]

Ik heb de css van SIFR standaard gehouden. Alleen de javascript onderaan elke pagina uiteraard enigzins aangepast.

Inmiddels dus even snel een pagina aangemaakt met alleen 2 header. Hier doet ie het dus wel goed, kan iemand mij dan uitleggen waarom het in mijn website niet werkt?

Link: http://www.yworks.nl/09/sifr.html

[ Voor 46% gewijzigd door Verwijderd op 13-01-2009 16:23 ]

[Millennyum]

Ik zou het zo snel niet weten, maar ik zie wel dat jouw code onderaan je pagina's

JavaScript:

<script type="text/javascript">
//<![CDATA[

if(typeof sIFR == "function"){
sIFR.replaceElement(named({sSelector:"h1", sFlashSrc:"florida.swf", sColor:"#cc1c69", sLinkColor:"#cc1c69", sWmode: "transparent", sBgColor:"#FFFFFF", sHoverColor:"#CCCCCC", nPaddingTop:0, nPaddingBottom:0, sFlashVars:"textalign=left&offsetTop=0"}));
};

if(typeof sIFR == "function"){
sIFR.replaceElement(named({sSelector:"h2", sFlashSrc:"florida.swf", sColor:"#cc1c69", sLinkColor:"#f7f6f4", sWmode: "transparent", sBgColor:"#FFFFFF", sHoverColor:"#CCCCCC", nPaddingTop:0, nPaddingBottom:0, sFlashVars:"textalign=left&offsetTop=0"}));
};

//]]>
</script>

anders is dan de code die ik daar heb staan

JavaScript:

<script type="text/javascript">
    if(typeof sIFR == "function"){
        sIFR.replaceElement("h1", named({sFlashSrc: "http://www.alice-in-wonderland.net/scripts/lewiscarrollhandwriting.swf", sColor: "#4A403C", sBgColor: "FEF3D7", sFlashVars: "textalign=left", sWmode:"opaque"}));
        sIFR.replaceElement("h5", named({sFlashSrc: "http://www.alice-in-wonderland.net/scripts/lewiscarrollhandwriting.swf", sColor: "#4A403C", sBgColor: "FEF3D7", sFlashVars: "textalign=center", sWmode:"opaque"}));
    };
</script>

Maar wellicht komt dat door een andere sIRF-versie?

[edit] Ah dat had je dus zelf aangepast. Dan zou ik het daar in zoeken

[Verwijderd]

Ja indd wel aangepast, maar dat zijn alleen de kleurtjes en de link naar het bestand, verder niet.

Ik heb ook jouw code even geprobeerd, maar geen verschil.

[ Voor 23% gewijzigd door Verwijderd op 13-01-2009 16:38 ]

[Noork]

Ik zou zeggen dat dit kan gewoon een zaak van debuggen is. Als webdeveloper moet dat je toch lukken.

Maak een kopie van je website, en sloop 1-voor-1 de javascripts (Moo -tools e.d.) en je eigen css eruit. Wellicht loopt hij daar ergens op vast.

[MBV]

In Firebug zie ik je sIFR-screen.css rules helemaal niet terug. de span met class sIFR-alternate zou een o.a. een overflow:hidden moeten krijgen, en dat werkt hier niet.

En dat komt omdat je je CSS-stylesheets een title hebt meegegeven, kijk maar wat er in Firefox gebeurt bij menu view->page style->sIFR

Ga je schamen: http://www.google.nl/search?q=link+style+CSS+title

[ Voor 9% gewijzigd door MBV op 13-01-2009 16:52 ]

[Verwijderd]

Dankje dankje dankje, de 2de header style (normale) is verdwenen.. Nog steeds niet helemaal het zelfde als IE maar daar kom ik wel uit:)

[edit]
Voor diegene die willen weten hoe je de font-size gelijk kan krijgen; geef de H1 een vaste hoogte mee , en klaar.

[ Voor 31% gewijzigd door Verwijderd op 13-01-2009 17:38 ]

[kpoelhekke]

Tnx hakhak die vaste hoogte is precies wat ik zocht! :D:D

Eindelijk de problemen opgelost haha w00t