Bonjour,
Dans le code ci-dessous, le menu déroulant ne s'affiche pas avec ie6 mais parfaitement avec firefox et ie8 et 9.
J'ai trouvé quelques posts sur d'autres sites qui semblent traiter de ce sujet mais je n'arrive pas à comprendre les solutions car je suis nouveau en css.
Si quelqu'un a une solution ou un lien existant, merci de votre aide car je suis bloqué.
Thierry
la page html
le fichier css
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Translational//EN" "http://www.w3c.org/TR/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/php;charset=utf-8" /> <link href="http://127.0.0.1/test/testie/css/style.css" rel="stylesheet" type="text/css"> <title>Accueil</title> </head> <body> <div id="conteneur"> <div id="conteneur-menu"> <div id="menu"> <dl> <dt>Menu1</dt> <dd> <ul> <li><a href="lien">Sous_menu11</a></li> <li><a href="lien">Sous_menu12</a></li> </ul> </dd> </dl> <dl> <dt>Menu2</dt> <dd> <ul> <li><a href="lien">Sous_menu21</a></li> <li><a href="lien">Sous_menu22</a></li> </ul> </dd> </dl> </div> </div> </div> </body> </html>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104 @charset "utf-8"; body { font-family:Berlin Sans FB; } html{ min-height:auto; width:auto; height:auto; /*background:url('../images/arriere02.png') no-repeat top center fixed;*/ } #conteneur{ width :960px; min-height:600px; margin :0px auto 0px auto; background:transparent; height:auto; overflow:auto; border:groove; } #conteneur-menu{ margin-top: 5px; height:60px; width :960px; position:relative; } #menu{ position:absolute; } #menu dl{ height:40px; margin:1px; padding:0; display: block; float: left; /*color:white-nowrap;*/ } #menu dt{ /*background:url(../images/dt1.png);*/ /*color:white-nowrap;*/ width:185px; font-size:1.3em; display: block; height:40px; line-height:1.5em; text-align:center; border-right:dotted 1px white-space nowrap; cursor:pointer; font-weight:bold; /*color:#fff;*/ } #menu dd{ display: block; margin:0; padding:0; /*color:white-nowrap;*/ /*background:url(../images/dt1.png);*/ text-align:center; } #menu dd ul{ margin:0; padding:0; text-align:center justify; list-style:none; } #menu dd ul li{ display: block; margin:0; padding:0; } #menu dd ul li a{ /*color:white;*/ text-decoration:none; display:block; width:auto; height:40px; } #menu dd ul li a:hover{ /*background:url(../images/dl.png);*/ text-align:center; /*color:#fff;*/ font-size:1.1em; } #menu dl:hover dd{ display: block; } #menu dl dd{ display:none; margin:0; padding:0; }
Partager