Problème de positionnement de span firefox et IE

**sebpsi** · 19/01/2007, 13h07

Bonjour,

voila, je vous pose un petit probleme.
je suis en train "d'implementer" un site pour une asso. et dedans, je fais une rubrique avec des photos. A l'origine, j'ai utilisé un tableau, ca rendait pas trop mal, mais c'etait pas le top. Je me suis renseigné, et j'ai decouvert que les <span> pouvaient rendre bcp mieux. j'ai donc refait ma page avec des span...

voici le code:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<html>
<body bgcolor="#0000FF">
<SPAN style="position: absolute; top: 130 px; left: 200 px;">
 <a href="images/taillereelle/entree.JPG" target="_blank"><img src="images/miniatures/entree.JPG"></a>
</SPAN>
<SPAN style="position: absolute; top: 80 px; left: 500 px;">
 <a href="images/taillereelle/exterieur.JPG" target="_blank"><img src="images/miniatures/exterieur.JPG"></a>
</SPAN>
<SPAN style="position: absolute; top: 285 px; left: 210 px;">
 <u><cite>entrée parking de l'esplanade</cite></u>
</SPAN>
<SPAN style="position: absolute; top: 285 px; left: 550 px;">
 <u><cite>extérieur</cite></u>
</SPAN>
<SPAN style="position: absolute; top: 380 px; left: 200 px;">
 <a href="images/taillereelle/airejeux.JPG" target="_blank"><img src="images/miniatures/airejeux.JPG"></a>
</SPAN>
<SPAN style="position: absolute; top: 380 px; left: 475 px;">
 <a href="images/taillereelle/coincalme.JPG" target="_blank"><img src="images/miniatures/coincalme.JPG"></a>
</SPAN>
<SPAN style="position: absolute; top: 535 px; left: 250 px;">
 <u><cite>salle de motricité</cite></u>
</SPAN>
<SPAN style="position: absolute; top: 535 px; left: 465 px;">
 <u><cite>salle de jeux libre avec coin cuisine</cite></u>
</SPAN>
<SPAN style="position: absolute; top: 630 px; left: 200 px;">
 <a href="images/taillereelle/coinlecture.JPG" target="_blank"><img src="images/miniatures/coinlecture.JPG"></a>
</SPAN>
<SPAN style="position: absolute; top: 630 px; left: 475 px;">
 <a href="images/taillereelle/coinlecture2.JPG" target="_blank"><img src="images/miniatures/coinlecture2.JPG"></a>
</SPAN>
<SPAN style="position: absolute; top: 785 px; left: 210 px;">
 <u><cite>coin calme pour intervenant,<br>ludothèque et éveil musical</cite></u>
</SPAN>
<SPAN style="position: absolute; top: 785 px; left: 545 px;">
 <u><cite>coin lecture</cite></u>
</SPAN>
</body>
</html>