Menu CSS et behavior pour IE6
Bonjour, je suis dans une entreprise qui utilise IE6. Je voudrais faire des menus déroulants, et j'ai trouvé pour palier le non fonctionnement de IE6 avec les hover sur les listes.
Cependant je ne comprend toujours pas pourquoi cela ne marche pas. Mais ou est mon erreur ???
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
| <body>
<div id="entete">
<img src="avatar.jpeg"/>
<p> INTRANET </p>
</div>
<div id="conteneur">
<div id="menu">
<ul>
<li> <a href="">Menu1</a>
<ul class="smenu">
<li>Sous-menu1</li>
<li>Sous-menu1</li>
</ul>
</li>
<li> Menu2 </li>
<li> Menu3 </li>
</ul>
</div>
<div id="contenu">
<p>kjrjkgbhrkgbreibg</p>
</diV>
</div>
</body> |
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
|
#menu {
width: 130px;
height: 100%;
float: left;
margin: 0;
padding: 0;
color: gold;
font-weight: bold;
}
#menu ul {
list-style-type: none;
margin-left: 0;
}
#menu ul li {
width: 100px;
height: 40px;
font-family: "Rockwell Extra Bold", Andalus, "Arial Black";
font-variant: small-caps;
background-image: url("bouton1.jpg");
background-repeat: no-repeat;
line-height: 200%;
margin: 10px;
}
#menu a, #menu a:visited, #menu a:link{
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}
.smenu {
display: none;
}
#menu a:hover > .smenu {
behavior:url("csshover2.htc");
display: block;
} |
De plus j'ai un décalage vers le bas de mes sous menu, je ne comprend pas non plus pourquoi.
Si vous voyez la solution .... merci !
PS: J'ai mis des behavior partout mais il y en a un dans le body{} du CSS
