Bonjour,
Voila je developpe mon site et j'y ai integrer du javascript. Tout marche bien sous firefox et google chrome mais sous IE, deux de mes codes entre en conflits:
Voici l'adresse du site:
[ Lien ]
voici mon code:
HTML
<head>
<title>Echos'graphik - portfolio Webdesign</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="css_echo.css" media="screen" />
<script src="jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="java_echo.js" type="text/javascript"></script>
<script src="jquery.easing.1.3.js" type="text/javascript"></script>
<script src="jquery.kwicks-1.5.1.pack.js" type="text/javascript"></script>
</head>
<body>
<div id="all">
<div id="hautdepage">
<ul id="menu_light">
<li><a class="home" href="#"><span></span></a></li>
<li><a class="cv" href="#"><span></span></a></li>
<li><a class="contact" href="#"><span></span></a></li>
</ul>
</div>
<div id="cadre_menu">
<ul id="menu">
<li><a class="news" href="#"><span></span></a></li>
<li><a class="portfolio" href="#"><span></span></a></li>
<li><a class="services" href="#"><span></span></a></li>
<li><a class="contact" href="#"><span></span></a></li>
</ul>
</div>
<div id="separation"></div>
<div id="creation">
<strong class="presentation"><br />présentations des dernieres créations...</strong>
</div>
<div id="conteneur1">
<ul id="cadre_projet" >
<li class="haut_projet"></li>
<li class="gauche_projet"></li>
<li class="centre_projet">
<ul class="kwicks horizontal" >
<li id="kwick_1"></li>
<li id="kwick_2"></li>
<li id="kwick_3"></li>
<li id="kwick_4"></li>
<li id="kwick_1"></li>
</ul>
</li>
<li class="droite_projet"></li>
<li class="bas_projet"></li>
</ul>
</div>
</div>
</body>
</html>
Javascript
// menu principal
$(function() {
// set opacity to nill on page load
$("ul#menu span").css("opacity","0");
// on mouse over
$("ul#menu span").hover(function () {
// animate opacity to full
$(this).stop().animate({
opacity: 1
}, 'slow');
},
// on mouse out
function () {
// animate opacity to nill
$(this).stop().animate({
opacity: 0
}, 'slow');
});
});
// fin menu principal
// menu light
$(function() {
// set opacity to nill on page load
$("ul#menu_light span").css("opacity","0");
// on mouse over
$("ul#menu_light span").hover(function () {
// animate opacity to full
$(this).stop().animate({
opacity: 1
}, 'slow');
},
// on mouse out
function () {
// animate opacity to nill
$(this).stop().animate({
opacity: 0
}, 'slow');
});
});
// fin menu light
// accordéon horizontal
$().ready(function() {
$('.kwicks').kwicks({
max : 300,
});
});
// fin accordéon horizontal
le code qui fait que cela ne marche pas est celui de l'accordéon, dés que je l'enleve, tout marche bien 
.
Je ne vois pas comment faire.