Discussion :

[SheikYerbouti]

Bonjour,
je souhaite superposer 2 images (genre ajout d'un sticker média player)Voici le code que j'utilise:

Code html :

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

1
2
3
4
5
6
<a href="..."><IMG SRC="image1.gif" height="260" border="0"></a>
<SPAN style="position: relative; top: -170 px; left: xx px;">
 <a href="...">
 <img src="image2.gif" border="0" width="80" height="80">
 </a>
</SPAN>

Ce code supperpose bien les 2 images avec IE mais pas du tout avec Firefox.

Une idée ?

[Bisûnûrs]

Utilises-tu un DOCTYPE ? Si oui lequel ? Si non il faudrait.

[SheikYerbouti]

Non, ce code est directement dans le corps du HTML.

[Bisûnûrs]

Mais tout en haut de ton document HTML, est-ce que tu as un DOCTYPE ?
Cf : http://xhtml.developpez.com/faq/?pag...#html_doctypes

[SheikYerbouti]

Le problème est que ce code est généré dans une JSP et le nom de l'image est donné dynamiquement. Rien en dur, donc.
Cela n'explique pas, en tous cas, pourtant cette différence entre les 2 navigateurs.

[Bisûnûrs]

Hum ... Désolé d'insister, mais la différence d'affichage peut justement provenir de la présence ou non d'un DOCTYPE en début de ton document.

Ton code JSP génère du code HTML, qui sera lu par ton navigateur. Donc c'est ce code HTML qu'il faut étudier. En affichant la source de ce code HTML une fois la page JSP générée, est-ce que tout en haut tu as un DOCTYPE ? Vois ta page comme un tout, sans te dire que ce n'est que la petite partie dynamique générée sur laquelle tu travailles qui est en cause.

Si tu n'es pas sûr, tu peux nous poster l'ensemble de ton code HTML une fois généré par ton JSP.