Discussion :

[Gunner4902]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

#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û ?

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

je te conseillerais du coup de faire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Gunner4902]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Ni Opera ni Safari ne positionnent correctement l'image…

[SpaceFrog]

j'ai dit ça moi ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

j'avais cru avoir dit:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

getElementById('img2')

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

#img2

[Gunner4902]

Autant pour moi.

Bon je récapépète :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

#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… )

[SpaceFrog]

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

[Gunner4902]

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

[Gunner4902]

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

[SpaceFrog]

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

[Gunner4902]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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…