menu css ne se déroule pas sous IE 6
Bonjour,
Mon menu déroulant en CSS se déroule parfaitement au passage de la souris sauf sous IE6.
Pouvez vous regardez le code et me dire si quelque chose vous choque.
Merci d'avance.
Le site : http://www.cession-entreprise.com/deventreprise/
Code 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
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
| <div id="menu">
<ul id="menuDeroulant">
<li style="width: 88px;" <?php if($_SERVER['SCRIPT_NAME'] == "/deventreprise/index.php"){echo "class='onglet_click'";} else echo "class='onglet'"; ?>><a href="<?= $path ?>">Accueil</a></li>
<li style="width: 200px;"><a href="<?=$path ?>annonces/societe_a_reprendre.html">Reprendre une entreprise</a>
<ul class="sousMenu" style="width: 200px;" >
<li><a href="<?=$path ?>compte/index.php">Créez votre compte</a></li>
<li><a href="<?=$path ?>annonces/societe_a_reprendre.html">Consultez nos annonces</a></li>
<li><a href="<?=$path ?>formation.html">Formation ESSEC</a></li>
<!-- <li><a href="<?=$path ?>plan-de-financement.html">Plan de financement</a></li>-->
</ul>
</li>
<li style="width: 180px;"><a href="<?= $path; ?>ceder/index.php" target="_blank">Céder une entreprise</a>
<ul class="sousMenu" style="width: 200px;">
<li><a href="<?= $path; ?>ceder/index.php" target="_blank">Contactez nous</a></li>
<li><a href="<?= $path; ?>valentin" target="_blank">Evaluez votre société</a></li>
</ul></li>
<li style="width: 200px;" ><a href="<?=$path?>actualite">Actualité de la transmission</a>
<ul class="sousMenu" style="width: 100px;">
<li><a href="<?=$path?>actualite/editorial/">Edito</a></li>
<li><a href="<?=$path?>actualite/en-bref/">En bref</a></li>
<li><a href="<?=$path?>actualite/interviews/">Interviews</a></li>
<li><a href="<?=$path?>actualite/parcours/">Parcours</a></li>
<li><a href="<?=$path?>actualite/secteurs/">Secteurs</a></li>
<li><a href="<?=$path?>actualite/regions/">Régions</a></li>
<li><a href="<?=$path?>actualite/financement/">Financement</a></li>
<li><a href="<?=$path?>actualite/juridique/">Juridique</a></li>
<li><a href="<?=$path?>actualite/dossiers/">Dossiers</a></li>
<li><a href="<?=$path?>actualite/tribune/">Tribune</a></li>
</ul>
</li>
<li style="width: 150px;">Conseils</a>
<ul class="sousMenu" style="width: 170px;">
<li><a href="<?=$path?>questions/nouvelle-question/">Posez vos questions</a></li>
<li><a href="<?=$path?>questions">Consultez les réponses</a></li>
<li><a href="<?=$path?>boite_a_outils.html">Fiches conseils</a></li>
</ul>
</li>
<li style="width: 130px;"><a href="<?=$path?>carnet_adresse/index.php">Carnet d'adresse</a>
<ul class="sousMenu" style="width: 170px;">
<li><a href="<?=$path?>carnet_adresse/index.php?filtre=Avocats">Avocats</a></li>
<li><a href="<?=$path?>carnet_adresse/index.php?filtre=Experts-comptables">Experts-comptables</a></li>
<li><a href="<?=$path?>carnet_adresse/index.php?filtre=Financement">Financement</a></li>
<li><a href="<?=$path?>carnet_adresse/index.php?filtre=Institutions">Institutions</a></li>
<li><a href="<?=$path?>carnet_adresse/index.php?filtre=Salons">Salons</a></li>
</ul>
</li>
<!-- <li style="width: 100px;"><a href="">FAQ</a></li>-->
</ul>
</div> |
Code css :
Code:
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
60
61
62
63
64
65
66
67
|
/****** MENU *****/
#menu{
background:#FFF url('../images/menu/menu.jpg') center center no-repeat;
margin: auto;
font:bold 10pt Arial;
color: #FFF;
line-height:38px;
position: relative;
height: 39px;
float: left;
width: 100%;
}
/* MENU DEROULANT */
#menuDeroulant{
list-style-type: none;
margin:0 0 0 20px;
padding: 0;
border: 0;
position: absolute;
top: 0;
left: 0;
}
#menuDeroulant li{
float: left;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant .sousMenu{
display: none;
list-style-type: none;
margin: 0;
padding: 0;
border: 1px solid #143582;
background: #fff;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited{
display: block;
color: #FFF;
text-decoration: none;
font-weight: bold;
text-align: center;
}
#menuDeroulant li:hover > .sousMenu { display: block; }
#menuDeroulant ul.sousMenu li a:hover{ background-color: #4F6A99; color: #fff; }
#menuDeroulant .sousMenu li{
float: none;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited{
display: block;
color: #4C4C4C;
margin:0;
padding: 0 0 0 10px;
border: 0;
text-decoration: none;
background-color:#FFF;
background-image: none;
text-align: left;
line-height:23px;
} |
Je m'excuse par avance si mon code n'est pas trop propre... Je suis en train de le nettoyer.
