Problème Menu Accordéon Javascript sous IE

Gaffe31

20 Octobre 2009 16:32:36

Bonjour/Bonsoir,

J'ai installé un menu en accordéon et javascript (Simple Javascript Accordions : http://www.dezinerfolio.com/2007/07/19/simple-javascrip... ) et voilà mon problème :

Sous Mozilla et Google Chrome : fonctionne très bien !

Sous IE : Le menu s'affiche dans sa totalité, entièrement déployé, sans qu'on lui est demandé (vous pouvez voir sur mon forum et avec IE ici : http://habbotroc.com/forum )

Alors, je vous demande votre aide car je ne sais que faire !

Et voici le code de mon menu contenu dans mon header :

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
* {
	margin:0;
	padding:0;
	list-style:none;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:10px;
}
 
#basic-accordian{
	border:5px solid #d4d4d4;
	padding:5px;
	width:560px;
	position:absolute;
	left:40%;
	top:46.5%;
	margin-left:-175px;
	z-index:2;
	margin-top:-100px;
}
 
.accordion_headings{
	padding:5px;
	background:#ff9900;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}
 
.accordion_headings:hover{
	background:#f66200;
}
 
.accordion_child{
	padding:10px;
	background:#f1f1f1;
}
 
.header_highlight{
	background:#ffb648
}
 
.tab_container *{
	float:left;
	width:100px;
}
 
</style>
<!-- Une case fait 110 px ! :)-->
<script type="text/javascript" src="<a href="http://habbotroc.com/forum/accordian.pack.js" target="_blank">http://habbotroc.com/forum/accordian.pack.js</a>"></script>
<body onload="new Accordian('basic-accordian',5,'header_highlight');">
 
 
<div id="basic-accordian" ><!--Parent of the Accordion-->
 
 
<div class="tab_container">
  <div id="test1-header" class="accordion_headings" ><center>Habbo</center></div>
  <div id="test2-header" class="accordion_headings header_highlight" ><center>HT'Info</center></div>
  <div id="test3-header" class="accordion_headings" ><center>HabboTroc</center></div>
  <div id="test4-header" class="accordion_headings" ><center>Forum</center></div>
  <div id="test5-header" class="accordion_headings" ><center>Partenaires</center></div>
 
</div>
 
<div style="float:left;">
  <div id="test1-content">
	<div class="accordion_child">
   <center><img src="/centrer.png"><em>Dans cette catégorie, vous pouvez trouver tous les liens pratiques de habbo ! ;)</em></font></font></marquee><br><br><h4>
<a href="<a href="http://habbo.fr" target="_blank">http://habbo.fr</a>" title="Habbo FR">Habbo</a>  |  <a href="<a href="http://www.habbo.fr/groups/SafetyTips" target="_blank">http://www.habbo.fr/groups/SafetyTips</a>"> Habbo - Sécurité</a>  |  <a href="<a href="http://www.habbo.fr/groups/HabboWay" target="_blank">http://www.habbo.fr/groups/HabboWay</a>">Habbo - Attidue</a><img src="<a href="http://habbotroc.com/centrer.png" target="_blank">http://habbotroc.com/centrer.png</a>"></center></h4>
    </div>
  </div>
 
  <div id="test2-content">
	<div class="accordion_child">
    	<img src="/centrer.png"><center><em>Vous trouverez ici toutes les news de Habbotroc - Forum.</em><br/><br></center>
<img src="<a href="http://habbotroc.com/forum/images/folder.png" target="_blank">http://habbotroc.com/forum/images/folder.png</a>"> <b>[14/10/09] <span style="color: black">//</span></b> Après pas mal de temps de fermeture, le forum de HabboTroc ré-ouvre enfin mais avec encore quelques petits défauts qui seront corrigés au fil du temps ! <br>
    </div>
  </div>
 
  <div id="test3-content">
	<div class="accordion_child">
    	<img src="/centrer.png"><center><h4><a href="<a href="http://habbotroc.com/accueil_286.php" target="_blank">http://habbotroc.com/accueil_286.php</a>">Accueil </a>  |  <a href="<a href="http://habbotroc.com/communaute_290.php" target="_blank">http://habbotroc.com/communaute_290.php</a>">Communauté</a>  |  <a href="<a href="http://habbotroc.com/actualite_282.php" target="_blank">http://habbotroc.com/actualite_282.php</a>">Actualité</a>  |  <a href="<a href="http://habbotroc.com/guide_du_troc_200.htm" target="_blank">http://habbotroc.com/guide_du_troc_200.htm</a>">Guide du Troc</a>  |  <a href="<a href="http://habbotroc.com/echange_266.php" target="_blank">http://habbotroc.com/echange_266.php</a>">Echange</a>  |  <a href="<a href="http://habbotroc.com/fun___extras_333.htm" target="_blank">http://habbotroc.com/fun___extras_333.htm</a>">Fun & Extras</a><br><a href="<a href="http://habbotroc.com/equipe_363.htm" target="_blank">http://habbotroc.com/equipe_363.htm</a>"><em>Equipe</em></a></h4></center>
    </div>
  </div>
 
  <div id="test4-content">
	<div class="accordion_child">
<img src="/centrer.png"><center><h4><a href="#">Forum</a>  |  <a href="search.php">Rechercher</a>  |  <a href="memberlist.php">Liste des membres</a>  |  <a href="Calendar-Default-Calendar">Calendrier</a>  |  <a href="/forum/misc.php?action=help">Aide</a>  |  <a href="portal.php">Portail</a>  |  <a href="<a href="http://habbotroc.com/forum/misc.php?action=rules" target="_blank">http://habbotroc.com/forum/misc.php?action=rules</a>">Règle</a><br/><a href="generateur.php">Générateur d'écriture</center></a></h4>
    </div>
  </div>
 
  <div id="test5-content">
	<div class="accordion_child">
    	<img src="/centrer.png"><!-- Début du code du texte défilant d'Astwinds--><noscript><a href="http://www..astwinds.com/">Texte défilant<br> d'Astwinds</A></noscript><marquee Class="Scroller" behavior="scroll" direction="left" width="100%" height="19" scrollamount="4" scrolldelay="0" onmouseover="this.stop()" onmouseout="this.start()"><font size="2" face="Arial, Helvetica, sans-serif">Devenez partenaire de HabboTroc - Forum (en cliquant <b><a href="<a href="http://habbotroc.com/forum/showthread.php?tid=10&action=lastpost" target="_blank">http://habbotroc.com/forum/showthread.php?tid=10&action...</a>">ici</b></a>) pour avoir votre liens qui défile ici même ! ;)</font></font></marquee><!-- Fin du code du texte défilant d'Astwinds -->
    </div>
  </div>
</div>
 
</div><!--End of accordion parent-->