IE et Firefox : différences d'interprétation de Javascript

Pardonnez-moi la naïveté éventuelle de ma question (je ne suis pas un pro...)

Je transmets à JS (via un URL se terminant par : ?var=txt) un contenu (déchiffré par unescape) :

Code:

---

<span style= ...>txt</span>

---

Sous Firefox le style du txt est pris en compte, mais non sous IE.

Une idée ?....

Salut,

Nous voudrions bien t'aider, mais pour cela, plusieurs choses :

Donne nous le code complet, on ne voit pas d'où provient ton JS dans le code que tu nous a donné.

Sinon, pour peut-être t'aider, dans l'extrait de code que tu nous a donné :

As tu vérifié qu'il n'y avait pas d'espace entre le signe = et la valeur de l'attribut style ?

As tu bien mis la valeur de ton attribut style entre guillemets ?

C'est les deux choses qui me sautent aux yeux, sinon, il nous faudrait le code complet de ta page, ou mieux, l'adresse de ta page qui buggue si elle est en ligne. Il est certains que si ta page à une taille importante, seule la partie mettant en rapport ton js et ton code qui buggue nous intéresse.

Cordialement.

Salut, herfrayg
Merci de ta gentillesse.

Voici mon contexte :

1. J'affiche une image de fond
2. Par-dessus, j'affiche un "vertical scroller" avec du texte, précédé par un titre (du texte)
3. Je termine en affichant une note de bas de page (sur l'image de fond)

C'est avec les étapes 2. et 3. que j'ai des problèmes sous IE (sous Firefox, tout est nickel, j'ai exactement ce que je veux).

Voici le code (en PHP) :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

function display_menu ($url) { return "<iframe src='$url' allowTransparency='true' width='100%' height='100%' marginheight=0 marginwidth=0 frameborder=0 scrolling=no></iframe>"; }   function display_bg_menu($bg, $title, $width, $height, $valign, $menu, $txt, $footnote) { $style = "background: url('$bg') no-repeat center center; vertical-align:$valign" ; $x = "<table cellspacing=\"0\" border=0 align=center>"; $x .= "<td width=\"$width" . "px\" height=\"$height" . "px\" align='center' style=\"" . $style . "\">$title<p>" ; echo $x; $url = "../menus/$menu?text=$txt" ; echo display_menu($url); echo "</p>$footnote</td></table>" ; }

---

Dans JS, j'ai ce style :

Code:

---

1 2 3 4

<style type="text/css"> table td {font-family:'ITC Zapf Chancery', Verdana} </style>

---

3 problèmes sous IE :

1. Le titre est affiché en "top" et non pas en "middle" (la valeur de $valign)
2. Le texte du scroller n'est pas en "Zapf" et s'affiche, naturellement, au mauvais endroit (non pas au milieu, mais en haut)
3. La note de bas de page (footnote) ne s'affiche pas du tout)

Je répète, sous Firefox il n'y a pas de ces problèmes.

On peut le voir en ligne, par ex. : http://www.philiae.eu/texte/_maxims.php?chapter=amour

Encore une fois - merci de ta patience ... Je ne suis pas du tout programmeur et je ne fais que piquer des bouts de code chez les autres ...

Je pense que c'est un problème de CSS pas de Javascript ;)
Tu peux utiliser une double déclaration pour chacun des navigateurs :

Code:

---

1 2 3

<!--[if IE]> <link rel="stylesheet" type="text/css" href="css/style.css"> <![endif]-->

---

ou

Code:

---

.class_toto{padding-top:5px !important; padding-top:20px;}

---

Dans cet exemple, padding-top vaut 5px sous FF et 20px sous IE :)

Hum-hum, les paramètres, pour les deux navigateurs, ont (doivent avoir) les mêmes valeurs ("middle/center", "Zapf", "bottom").
Le problème doit venir de mon (mauvais) code : là où FF tolère certaines libertés que je me permets (involontairement !), IE refuse de les prendre en compte. Mais quoi au juste ? - je n'en sais rien ...