DIV hidden sous IE6

Bonjour,

Bien que je connaisse pas grand chose au html, je dois réaliser rapidement une petite maquette. Sur le forum j'ai trouvé le code suivant.
Ca fonctionne très bien sur FireFox. Pb je dois montrer ça sous IE6 et là ca ne marche pas. Quand c'est caché la hauteur de la zone ne se réduit pas ! J'ai essayer plusieurs astuces mais choux blanc !

Merci de votre aide.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
	function toggle(anId)
{
	node = document.getElementById(anId);
	if (node.style.visibility=="hidden")
	{
		// Contenu caché, le montrer
		node.style.visibility = "visible";
		node.style.height = "auto";	// Optionnel rétablir la hauteur
	}
	else
	{
		// Contenu visible, le cacher
		node.style.visibility = "hidden";
		node.display = "none"
		node.overflow = "hidden"
		//node.line-height: 0px; 
		node.style.height = "12px";	// Optionnel libérer l'espace
	}
}

et le HTML :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<p>Contenu précédant </p>
	<a href="#" onclick = "toggle('foo')">Cliquer pour basculer l'état du div suivant</a>
	<div id="foo" style="visibility:hidden;height:0px;line-height:10px;"></p><!-- -->
	<table>
	<tr>
						<td></td>
						<td></td>
						<td	class="MandFields"	colspan="2">toto</td>
					</tr>
	<tr>
	<tr>
				<td></td>
				<td class="SectionLib">tutu</td>
				<td class="SectionValue">
					<input type="text" name="txtCtaCode" value="" maxlength="9">
				</td>
				<td class="SectionValue">
					<input type="image" name="imgLoupeCtp" src="../source_image2/loupe.gif" border="0" WIDTH="30" HEIGHT="32">
				</td>
	</tr>
	</table>
	</div>
	<p>Contenu suivant </p>

Bonjour et bienvenue sur le forum ;)

1- tu as la balise [code ] pour mettre du code sur le forum ;)
2- Remplace
Code:

1 2 node.display = "none" node.overflow = "hidden"
par
Code:

1 2 node.style.display = "none" node.style.overflow = "hidden"

[RESOLU]

Super, ça marche !
C'était tout bête

Merci