Centrer une image compatible avec IE et FF

Girly -  
 Girly -
Hello amis internautes,

Pleeeeease, aidez-moi avant que je ne devienne complètement folle et que je ne sombre dans les méandres de l’informatique ????????!!!!!!!!!! J’ai décidé de faire appel à votre savoir faire… ou n’importe quel conseil pouvant m’aider à résoudre mon terrrrible souci. Je suis en train de créer ma page myspace et pour ce faire j’insère des images via les codes html. Je centre mes images grâce au code <p><div align="center"> <img src="http :bla, bla, bla /></div></p> qui fonctionne parfaitement avec Firefox mais incompatible avec IE qui décentre mes images. Alors, toute contente, je pensais résoudre le problème avec IE en plaçant, juste avant l’image, le code <div text-align="center">, malheureusement, cela n’a rien changé.
Ensuite, j’ai utilisé le code <div style="width: 100%; text-align: center;"> <img src="http://i532.bla bla bla bla.png" alt="Photobucket" /> </div>. Grâce à ce code et en changeant la valeur du width, j’ai réussi à centrer mon image dans IE. Mais voilà, ce code n’est pas compatible avec FF qui, à son tour, décentre mon image. Grrrrrrrr…. Bref, quand ça marche avec l’un, ça ne fonctionne pas avec l’autre. En plus, histoire de bien me dégoûter de IE, voilà que ce navigateur superpose certaines de mes images gif alors que ce merveilleux FF à tout compris et présente mes photos telles que je les voulais. Pourrait-on me dire s’il existe un code html compatible avec IE et FF pour centrer une image ? Dois-je créer un code CSS pour que l’image soit centrée avec IE et FF ? Je précise que je suis débutante ! Merci d’avance pour votre aide.

Voici un exemple de code que j'utilise lorsque je centre mon image dans FF:
<p><div align="center"><img src="http://i538.photobucket.com/albums/Mooncrash.gif" border="0" alt="Photobucket" /></div></p>
A voir également:

2 réponses

snake-d12 Messages postés 258 Statut Membre 57
 
Salut,
L'incompatibilité du code Html avec les navigateurs, pose à grand problème à tous le monde.
Mais ce que tu dois savoir c'est que fire fox, on peut dire qu'il laisse passer quelque petite erreur du html que nous voyons pas ou que nous prenons pas on considération, et il essaye d'exécuter le code parfaitement.

et je pense que l'erreur de ton code est qu'on peut pas avoir une base de type bloc dans une autre de type ligne, donc la balise <div> ne doit pas être au sein de la balise <p>.

Bonne Chance
0
Girly
 
Merci beaucoup de m’avoir répondu aussi vite. Suite à tes conseils, j’ai effacé toutes les balises <p> qui servaient à créer un espace entre mes images, enfin c’est ce que je pensais. Je me suis également aperçue d’une erreur de code dans une des balises images. En rectifiant ce code, j’ai résolu mon problème de superposition des images (dans IE), ce qui confirme que Firefox et plus « cool » qu’Internet Explorer. Néanmoins, je n’arrive toujours pas à centrer mes images. Je ne vais tout de même pas suivre une formation de programmateur pour juste placer une image à droite, à gauche ou au centre d’une page web ?!!!! Dis-moi, tu n’aurais pas un code à me proposer ? Ou des tutoriels? Sinon, pour solutionner mon problème, je devrais peut-être avoir recours à des codes html me permettant de cacher certaines informations à IE et non à Firefox et vise-versa, non ?
0