display de div, bug IE

**speedev** · 24/01/2007, 15h32

Bonjour,
Un collègue vient de me faire part d'un bug Ie6... et effectivement je confirme
Je viens de faire une page de test.
Cliquez un peu sur tous les libellés pour faire apparaitre les sous menus et vous verrez au bout d'un moment le bug. Cela dépent de l'ordre de vos clics.
Mon 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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
 
<html>
<head>
	<title></title>
	<style>
	#conteneur{position:absolute;top:30%;left:50%;width:500px;height:auto;margin-left:-250px;border:0px solid black;}
	.div_lib{float:left;height:20px;background-color:#888888;width:100%;cursor:pointer;font-weight:bold;border:1px solid black;}
	.div_val{float:left;height:auto;background-color:#cccccc;width:100%;}
	.div_val_contenu{width:90%;padding-left:20px;}
	hr{clear:left;}
	</style>
	<script>
		function openclose(id)
		{
			if (document.getElementById(id).style.display=="none")
				document.getElementById(id).style.display="block";
			else
				document.getElementById(id).style.display="none";
		}
	</script>
</head>
 
<body>
	<div id="conteneur">
		<div class="div_lib" onclick="javascript:openclose('id0');">menu 0</div>
		<div id="id0" class="div_val" style="display:none;">
			<div class="div_val_contenu">
				ceci est le contenu 0<br />
				ceci est le contenu 0<br />
				ceci est le contenu 0<br />
			</div>
		</div>
		<div class="div_lib" onclick="javascript:openclose('id1');">menu 1</div>
		<div id="id1" class="div_val" style="display:none;">
			<div class="div_val_contenu">
				ceci est le contenu 1<br />
				ceci est le contenu 1<br />
				ceci est le contenu 1<br />
			</div>			
		</div>
		<div class="div_lib" onclick="javascript:openclose('id8');">menu 8</div>
		<div id="id8" class="div_val" style="display:none;">
			<div class="div_val_contenu">
				ceci est le contenu 8<br />
				ceci est le contenu 8<br />
				ceci est le contenu 8<br />
			</div>			
		</div>
		<div class="div_lib" onclick="javascript:openclose('id9');">menu 9</div>
		<div id="id9" class="div_val" style="display:none;">
			<div class="div_val_contenu">
				ceci est le contenu 9<br />
				ceci est le contenu 9<br />
				ceci est le contenu 9<br />
			</div>			
		</div>	
	</div>
</body>
</html>

**speedev** · 24/01/2007, 15h36

Ie6, Ie7 ... mm soucis
Je penche pour une incapacité à correctement gérer les ID.
Ou bien pour une incapacité générale.
Ou bien une capacité à buguer.

**speedev** · 24/01/2007, 15h52

ok c'est bon j'me suis rappelé du "display:inline;" un peu tard...

display de div, bug IE

JavaScript

Discussions similaires

Partager

Partager