Bonjour,

Je vous soumet mon problème en éspérant que vous pourrez m'aider.
J'utilise MooTools et MooFlow pour tenter d'insérer une galerie d'image sympa dans une page web en injectant une liste d'image à l'aide de createElement.
Le problème est que sous FF le div contenant les images garde sa dimension en hauteur mais que sous IE cette dimension progresse avec le nombre d'image chargées.

Si je 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
 
<div id="MooFlow">
		<a title="Agrandir" href="MooFlow/Gallerie/GrandesImages/MAR_0002.jpg">
     		<img src="MooFlow/Gallerie/PetitesImages/MAR_0002.jpg" title="MAR_0002.jpg" alt="Cloture2008.jpg" />
   		</a>
   		<a title="Agrandir" href="MooFlow/Gallerie/GrandesImages/MAR_0003.jpg">
     		<img src="MooFlow/Gallerie/PetitesImages/MAR_0003.jpg" title="MAR_0003.jpg" alt="Cloture2008.jpg" />
   		</a>
		<a title="Agrandir" href="MooFlow/Gallerie/GrandesImages/MAR_0008.jpg">
     		<img src="MooFlow/Gallerie/PetitesImages/MAR_0008.jpg" title="MAR_0008.jpg" alt="Cloture2008.jpg" />
   		</a>
   		<a title="Agrandir" href="MooFlow/Gallerie/GrandesImages/MAR_0009.jpg">
     		<img src="MooFlow/Gallerie/PetitesImages/MAR_0009.jpg" title="MAR_0009.jpg" alt="Cloture2008.jpg" />
   		</a>
		<a title="Agrandir" href="MooFlow/Gallerie/GrandesImages/MAR_0010.jpg">
     		<img src="MooFlow/Gallerie/PetitesImages/MAR_0010.jpg" title="MAR_0010.jpg" alt="Cloture2008.jpg" />
   		</a>
   		<a title="Agrandir" href="MooFlow/Gallerie/GrandesImages/MAR_0011.jpg">
     		<img src="MooFlow/Gallerie/PetitesImages/MAR_0011.jpg" title="MAR_0011.jpg" alt="Cloture2008.jpg" />
   		</a>
		<a title="Agrandir" href="MooFlow/Gallerie/GrandesImages/MAR_0012.jpg">
     		<img src="MooFlow/Gallerie/PetitesImages/MAR_0012.jpg" title="MAR_0012.jpg" alt="Cloture2008.jpg" />
   		</a>
   		<a title="Agrandir" href="MooFlow/Gallerie/GrandesImages/MAR_0013.jpg">
     		<img src="MooFlow/Gallerie/PetitesImages/MAR_0013.jpg" title="MAR_0013.jpg" alt="Cloture2008.jpg" />
   		</a>
   	</div>
L'affichage est correct dans les deux navigateurs.
En revanche si je code:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
 
<td align="center" width="100%" height="100%">
	<div id="MooFlow">
 
   	</div>
</td>
<script type="text/javascript" src="MooFlow/jsMooFlow/ChargeImagesGalerie.js"></script>
L'affichage du div sous IE s'étend en hauteur.

Ci dessous le code du fichier js appelé.

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
 
var ListeImage = 'MAR_0002.jpg,MAR_0003.jpg,MAR_0008.jpg,MAR_0009.jpg,MAR_0010.jpg,MAR_0011.jpg,MAR_0012.jpg,' 
 
 
var i=0;
var Depart = 0;
var Fin = 0
var DivParent = document.getElementById("MooFlow");
 
 
while (Fin!=-1) {
   Fin = ListeImage.indexOf(",",Depart);
   if (Fin!=-1) {
		var NomImage = ListeImage.substring(Depart,Fin);
		var anchor = document.createElement("a");
 
		var titleanchor = document.createAttribute("title");
		titleanchor.nodeValue = "Agrandir";
		var hrefanchor = document.createAttribute("href");
		hrefanchor.nodeValue = "MooFlow/Gallerie/GrandesImages/"+NomImage;
 
		anchor.setAttributeNode(titleanchor);
		anchor.setAttributeNode(hrefanchor);
		DivParent.appendChild(anchor);
 
		var image = document.createElement("img");
		var titleimg = document.createAttribute("title");
		titleimg.nodeValue = NomImage;
		var srcimg = document.createAttribute("src");
		srcimg.nodeValue = "MooFlow/Gallerie/PetitesImages/"+NomImage;
		var altimg = document.createAttribute("alt");
		altimg.nodeValue = NomImage;
 
		image.setAttributeNode(titleimg);
		image.setAttributeNode(srcimg);
		image.setAttributeNode(altimg);
		anchor.appendChild(image);
 
		Depart = Fin + 1;
   }
}