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