Compatibilite entre ie et mozilla.

**lazins** · 07/01/2009, 15h26

Bonjour,
J'ai une page où j'affiche des images, mais la position des images changent selon que je sois sur firefox ou ie. Chacune des images se trouvent dans un tableau selon un certaine position.
Avez vous une idée pourquoi la position des images diffère entre ie et firefox ?
Merci.

**c_s_s** · 07/01/2009, 15h28

Bonjour,

Sans voir ton code, ça va être difficile à deviner.

Peut-être un problème de marges.

**lazins** · 07/01/2009, 15h46

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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
 
tyle>
 
 
image1 = new Image();
image1.src = "biocat.png";
 
image2 = new Image();
image2.src = "contacts.jpg";
 
image3 = new Image();
image3.src = "information.jpg";
 
image4 = new Image();
image4.src = "partenaires.jpg";
 
</script>
</head>
 
<body>
<table style="margin-left:740px; margin-top:220px; ">
	<tr>
	<td style="border-style:solid; border-color:#2a807f; background:#2a807f;">
		<a href="http://www.google.ca" onmouseover="image1.src='biocat2.png';"
		onmouseout="image1.src='biocat.png';">
		<img name="image1" src="biocat.png" border=0></a>
	</td>
	</tr>
</table>
<table style="margin-left:1000px; margin-top:70px; ">
<tr>
 <td style="border-style:solid; border-color:#9fbdef; background:#9fbdef;"  >
    <a href="" onmouseover="image3.src='information2.png';"
		onmouseout="image3.src='information.png';">
		<img name="image3" src="information.png" border="0" height="90px"></a>
	</td>
</tr>
</table>
 
<table style="margin-left:120px; margin-top:-35px;">
<tr>
 <td style="border-style:solid; border-color:#e9b700; background:#e9b700;"  >
    <a href="" onmouseover="image4.src='partenaires2.png';"
		onmouseout="image4.src='partenaires.png';">
		<img name="image4" src="partenaires.png" border="0" height="90px"></a>
	</td>
</tr>
</table>
 
<table style="margin-left:1130px; margin-top:60px;">
<tr>
 <td style="border-style:solid; border-color:#cccb21; background:#cccb21;"  >
    <a href="" onmouseover="image2.src='contacts2.png';"
		onmouseout="image2.src='contacts.png';">
		<img name="image2" src="contacts.png" border="0" height="70px" width="100"></a>
	</td>
</tr>
</table>

**c_s_s** · 07/01/2009, 16h17

Quel doctype spécifies-tu dans ta page HTML ?
Quelle version de IE utilises-tu ?

En HTML, on ne précise pas l'unité quand on indique la taille des images :

<img src="..." height="90px">

Je passe sur l'utilisation des tables pour positionner tes éléments, mais c'est vraiment déconseillé.

**lazins** · 07/01/2009, 18h15

Merci c bon, j'ai corriger cela et est utilise la propriétée position : absolute
et ça réglé mon problème.

Compatibilite entre ie et mozilla.

CSS

Discussions similaires

Partager

Partager