J'ai pris un menu sur CSSplay (ici) celui du bas. Sur le site il est tout beau, centré avec firefox et IE. Mais impossible de le centré avec IE sur mon site....Je comprends pas, j'ai pourtant copier le même code...
le menu :Le 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 <div class="menu_principal"> <del class="container"> <ul id="menu2"> <li><a href="#nogo">Accueil</a></li> <li><a href="#nogo">Groupe</a></li> <li><a href="#nogo">Agenda</a></li> <li><a href="#nogo">Médias</a></li> <li><a href="#nogo">Galerie</a></li> <li><a href="#nogo">Presse</a></li> <li><a href="#nogo">Contact</a></li> </ul> </del> </div>
Plus encore ça dans mon head :
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 #menu2 { display:table; padding:0; margin:0 auto; list-style-type:none; white-space:nowrap; } #menu2 li { display:table-cell; } * html #menu2 li { float:left; } #menu2 a { width:auto; display:block; padding:4px 16px; color:#fff; background:#08c; border:1px solid #fff; text-decoration:none; } * html #menu2 a { float:left; } #menu2 a:hover { color:#000; background:#d4d4d4; } .container {clear:both; text-decoration:none;} * html .container {display:inline-block;}
Et un ptit lien vers le site : ici
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12 <!--[if IE]> <style type="text/css"> #menu2 li { float:left; } #menu2 a { float:left; } .container {display:inline-block;} </style> <![endif]-->
Partager