[HTML] Placement de DIV # selon IE ou FF

Salut,

je veux placer une image dans un calque DIV en haut à droite de mon écran, sous IE ça fonctionne bien, mais sous firefox elle est placée n'importe où.

voici le code assez simple que j'utilise :

Code:

---

1 2 3 4

<div style='position:absolute; visibility=visible; top=10px; left=500px; z-index:1'> <img src='image.gif' border='0'> </div>

---

Merci pour votre aide.

fixe la taille (width et height) de ta div.
selon l'utilisation de ton image (si c'est une image décorative) il vaut peut etre mieu la mettre en fond de la div:

Code:

---

1 2 3 4

#tadiv{ background-image:url('image.gif'); background-position: top left; // pour mettre l'image en haut à gauche }

---

ça ne change rien si je fixe la taille,
mon image en fait est un bouton avec un lien dessus (je ne l'ai pas mis dans le code pour simplifier) donc je ne peux pas le mettre en fond.

Code:

---

1 2 3 4 5 6 7 8 9 10 11

* { margin: 0; padding: 0; }   #bloc { position: absolute; right: 0; top: 0; }

---

Voilà et applique l'id bloc à ton div.

Si ton image es tun lien alors ne met pas

Code:

---

<a href="..."><img src="image.gif"/></a>

---

mais

Code:

---

<a href="..." id="lien_image"></a>

---

Code:

---

1 2 3 4 5 6

#lien_image{ display:block; width: ...px; height: ...px; background:url('image.gif') no-repeat; }

---

ensuite tu positionne ce lien (enfin le paragraphe <p></p> qui le contient) avec des margin ou autre... selon la structure de ta page...