Centrer une image dans div

Bonjour j'ai une image que je veux centrer dans mon div mais j'ai essayé tous ce que j'ai pu trouver dans les tuto, notamment

Code:

---

text-align:center;

---

mais rien n'y fais. Voici mon code

Code:

---

1 2 3 4

<div style="width:800px;height:800px;position:absolute;left:100px;text-align:center; background-color:black;" id='IdTexIm' onMouseMove="getMouseXY(event); tryDrawLine();">   <img style='position:absolute;width=400px;height:400px; z-index=1;'src='dicom.php?quality=100?varStatic=0' id='image' onselectstart="javascript:return false;" ondrag="return false;" ondragstart="return false;" oncontextmenu="return false;" > </div>

---

Merci

Bonjour vous avez essayé

Code:

---

<div align="middle" .....> ???

---

Cordialement

Oui mais ça ne marche pas

Salut,

essaye ceci

Code:

---

1 2 3 4

<div align="center"> <img src="nom_image.jpg"> </div>

---

@+

mon image n'est toujours pas centrée mais plutôt mise à gauche de mon div

Citation:

---

Envoyé par sebac

Bonjour j'ai une image que je veux centrer dans mon div mais j'ai essayer tous ce que j'ai pu trouver dans les tuto

---

http://css.developpez.com/faq/?page=...orizontalement
:)

Essaye ceci

code xhtml

Code:

---

1 2 3

<div class="image_centre"> </div>

---

Code:

---

1 2 3 4 5 6 7 8 9 10

.image_centre { width: 300px; /* pour l'exemple - largeur de ton image */ height: 200px; /* hauteur de ton image */ position: absolute; /* pour centrer un <div>, il faut qu'elle soit en position absolute */ left: 50%; /* pour que l'image soit au milieu de la page */ margin-left: -150px; /* mais il faut retirer la moitié de la largeur */ background-image: url("nom_image.jpg"); }

---

attention aux propriétés obsolètes : "align" est à éviter (voir spec) ^^

Je vais peut-être avoir l'air d'un idiot mais pour le div un width 100% et pour l'image un margin-left:auto et margin-right:auto...????
J’ai toujours fait comme ça et dans l'ensemble ça marche...

warwill ta solution ne me convient pas à cause du div width 100% qui prendrait toutes la place sur ma page. Sinon la solution de jaduta me centre l'image par rapport au body et non au div à cause du left: 50%; il suffit que je mette mon div à gauche pour voir que l'image n'est pas centré par rapport à div mais plutôt à l'écran

et bien tu mets pas width 100% pour le div mais la dimension qu'il te convient...
mais les margin auto doivent centré l'image par rapport à son conteneur quel que soit sa position et sa largeur...