Safari réagit comme si ce code n'existait pas

Bonsoir,

Tout d'abord je tiens à dire que je teste Safari pour Windows. Que j'ai vérifié et que le JS est bien activé et qu'il fonctionne pour des fonctions simples.

Toutefois j'ai un soucis avec le code suivant :

Code:

---

1 2 3 4 5

echo utf8_encode("<div id=\"img\"><img src=\"".$file[$fi]."\" $attr name=\"image\" /></div>"); <script type="text/javascript"> document.image.style.marginLeft = (document.image.width*-1/2); document.image.style.marginTop = (-1*(document.image.height/2)); </script>

---

allié avec la feuille CSS, qui précise :

Code:

---

#img {left:50%; top:50%;}

---

celà est censé afficher l'image dynamique (gestion aléatoire via PHP), au milieu de la page… c'est d'ailleurs ce qui se passe sous Firefox, Opera, IE6 et IE7… oui mais sous Safari, l'image commence à 50%… donc comme si le JS était désactivé… à quoi celà est-il dû ?

Code:

---

document.getElementsByName('image')[0].style.marginLeft

---

en css # c'est pour les id ...

je te conseillerais du coup de faire :

Code:

---

document.getElementById('image').style.marginLeft

---

Ok, j'ai donc fait comme tu m'as dit (si j'ai bien compris)

Code:

---

1 2 3

echo utf8_encode("<div id=\"img2\"><img src=\"".$file[$fi]."\" $attr name=\"nom_image\" /></div>"); document.getElementById('img2').style.marginTop = (-1*(document.nom_image.height/2)); document.getElementById('img2').style.marginLeft = (document.nom_image.width*-1/2);

---

Je viens de tester, et Safari ne prend toujours pas le code…
et si je fais :

Code:

---

document.getElementById('img2').style.marginTop = (-1*(document.getElementById('img2')/2));

---

Ni Opera ni Safari ne positionnent correctement l'image…

j'ai dit ça moi ?

Code:

---

echo utf8_encode("<div id=\"img2\"><img src=\"".$file[$fi]."\" $attr name=\"nom_image\" /></div>");

---

j'avais cru avoir dit:

Code:

---

1 2	echo utf8_encode('<div id="img2"><img src="'.$file[$fi].'" name="nom_image" /></div>');

---

avec

Code:

---

getElementById('img2')

---

et

Code:

---

#img2

---

Autant pour moi.

Bon je récapépète :

Code:

---

1 2 3 4 5

echo utf8_encode('<div id="img2"><img src="'.$file[$fi].'" name="nom_image" /></div>'); <script type="text/javascript"> document.getElementById('img2').style.marginTop = (-1*(document.nom_image.height/2)); document.getElementById('img2').style.marginLeft = (document.nom_image.width*-1/2); </script>

---

CSS :

Code:

---

#img2 {left:50%; top:50%;}

---

Avec ce code, ça ne fonctionne pas sous Opera ni Safari… (Y'a p'têt un truc que j'ai pas encore compris… :aie: )

ils n'aiment pas les margins negatifs ...?

Avec le premier code, Opera fonctionnait bien, donc ça n'est pas dû aux marges négatives à mon avis…

J'ai remis le code d'origine, avec l'amélioration de la syntaxe que tu as faite… et Safari gagne par abandon ce match… mais me perds comme utilisateur ;)

Juste par curiosité essaye de mettre en html un div avec son style en duravec les valeurs de margins que tu essayes de lui attribuer, et regarde le resultat sous Safary ...

Si je mets en dur le code CSS, ça fonctionne très bien…

J'ai meme testé d'encapsuler le CSS dans le code aléatoire de mon image (PHP) :

Code:

---

echo "<style type=\"text/css\">body{width:100%; text-align:center;}</style>";

---

et l'image se trouve bien centrée… alors que si je mets le même code hors PHP, l'image reste alignée en haut à gauche de la page, comme s'il n'y avait pas de CSS…

A mon avis, d'après cette expérience, Safari ne me semble pas tout à fait au point…