[HTML/CSS] font size in JS popup FF en IE verschil

[Verwijderd]

Op http://www.spelletjesplek.nl/ heb ik een mouseover bij de games.
Nu krijg ik het lettertype in FF niet kleiner. IE pakt de stylesheet wel goed.
Weet iemand hoe dit komt?

in het JS heb ik de volgende code:

code:

if (waardering != "") waardering = "<br>Cijfer: <font color=\""+kleur+"\">"+waardering+" ("+stemmen+")</font>";

nu heb ik dit al geprobeerd, maar heeft geen effect:

code:

<font size : 10px color=\""+kleur+"\">" ...
<font size=\"10\" color=\""+kleur+"\">"...

In de stylesheet gebruik ik:

code:

#layer {
    position:absolute; visibility:hidden;z-index:200;
    margin: 13px;
    font-family: Tahoma;
    color: #fff;
    font-size: 11px;    
}

[André]

Loos de font tag en gebruik de span, zet daarop een class: <span class="kleur"> en geef die class een font-size

[Verwijderd]

@Andre, bedankt voor je hulp . Helaas werkt dat ook niet. Ik krijg dan een heleboel JS errors in IE.


Het probleem zit denk ik dat IE de div id layer wel pakt en FF niet.
Heb je enig idee hoe dat kan?

direct na de body op de index heb ik:

code:

<div id="layer"></div>

js:

code:

function popup(kleur,screenshot,spel,rubriek,waardering,stemmen,gespeeld,toegevoegd_op,week){

if (kleur == "1") { kleur = "#ffffff"; }
else if (kleur == "2") { kleur = "#AA00AA"; }
else if (kleur == "3") { kleur = "#00C400"; }
else if (kleur == "4") { kleur = "#FF0000"; }

if (waardering != "") waardering = "<br>Cijfer: <b>"+waardering+" ("+stemmen+")</b>";
if (gespeeld != "") gespeeld = "<br>#keer Gespeeld: <b>"+gespeeld+"</b>";
if (toegevoegd_op != "") toegevoegd_op = "<br>Toegevoegd op <b>"+toegevoegd_op+"</b>";
if (week != "") week = "<br>Spelletje van week nummer <b>"+week+"</b>";

var content = "<table bgcolor=\"#ff5700\" style=\"border: 1px solid "+kleur+";\">";
    content += "<tr><td>";
    content += "<table>";
    content += "<tr><td bgcolor=\"#f11583\" colspan=\"2\"><b>"+spel+"</b></td></tr>";
    content += "<tr><td width=\"104\"><img style=\"margin-right:0; margin-top:0; margin-bottom:0;\" border=\"0\" src=\"http://www.spelstaat.nl/thumbs/"+screenshot+".jpg\" width=\"70\" height=\"70\"></td>";
    content += "<td width=\"178\" valign=\"bottom\" style=\"margin-bottom:0;\">";
    content += "Rubriek: <b>"+rubriek+"</b>";
    content += ""+waardering+"";
    content += ""+gespeeld+"";
    content += ""+toegevoegd_op+"";
    content += ""+week+"";
    content += "</td>";
    content += "</tr></table>";
    content += "</td>";
    content += "</tr></table>";
yyy=margeY;

if(ns4){skn.document.write(content);skn.document.close();skn.visibility="visible"}
if(ns6){document.getElementById("layer").innerHTML=content;skn.display=''}
if(ie4){document.all("layer").innerHTML=content;skn.display=''}
}

[deCube]

Als ik zo in je stylesheet kijk, zie ik nergens dat je de font-size en font-color in de table defineert.

Probeer dit eens:

code:

table{
    font-family: Tahoma;
    color: #fff;
    font-size: 11px;
}

Je hebt trouwens een typfout gemaakt onder topspellen -> Dino Redder 2.

[Verwijderd]

Top! Dat werkt inderdaad, dus voor FF en Opera moet je apart de tables defineren, dat wist ik niet

[deCube]

Verwijderd schreef op vrijdag 27 oktober 2006 @ 10:45:
Top! Dat werkt inderdaad, dus voor FF en Opera moet je apart de tables defineren, dat wist ik niet

Dat klopt inderdaad, ik heb nog wat extra informatie voor je opgezocht.

Succes verder!