[résolu] Margin-top négatif

Bonjour,

Je tente de positionner une image sur ma page. Voici mon code :

<div style="margin-left:100px; margin-top:-70px;">
<img src="image.gif" alt="">
</div>

Tout marche bien avec FireFox, par contre avec IE 6 et 7, l'image ne s'affiche pas (ou je ne la vois pas).
J'ai tenté de mettre un z-index=200, sans succès

Avez vous une idée du problème ?
Merci de votre aide.
Modifié par max-mag (20 Mar 2007 - 13:03)

Bonjour,

<div style="margin-left:100px; margin-top:-70px;">
<img src="image.gif" alt="">

Là ce n'est pas ton image que tu positionnes mais ton div!
Si tu n'as qu'un image à positionner, inutile de la mettre dans un div.

C'est un problème assez pénible à laquelle on peut être souvent confronté
(souvent dans le cas d'une boîte avec coins arrondi en image que l'on doit placer dans le code html)
Le z-index n'a aucun effet si l'élément auquel il s'applique n'est pas positionné (absolute, relative, ou fixed)

Tu dois mettre un position:relative à ton image.
Modifié par Hermann (20 Mar 2007 - 12:44)

Exact
Voilà la bonne syntaxe :

<img src="image.gif" alt="" style="position:relative; margin-left:100px; margin-top:-70px;">

Merci de ton aide.