Discussion :

[gaeil28]

Bonjour,
Je sèche. J'ai un menu qui fonctionnait jusqu'alors avec Firefox, Chrome et IE10 (et IE9). Je ne vois pas ce qui bloque, depuis aujourd'hui (et je ne sais pas pourquoi..) sous IE10 je n'ai plus qu'une partie du menu qui s'affiche..(et jusqu'à hier ça fonctionnait..)...
ça coince juste après le menu Espagne.
Vous pouvez le voir ici

j'ai mis ça dans le fichier index

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<meta http-equiv="X-UA-Compatible" content="IE=9" />
et je passe les détail, un include du fichier index.html

mon code Menu.html

Code html :

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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!-- DEBUT MENU -->
 
<style type="text/css">
   body{padding:20px; font-size:14px; color:#000000; font-family:Arial, Helvetica, sans-serif;}
   h2 {font-weight:bold; color:#000099; margin:10px 0px; }
   p span {color:#006600; font-weight:bold; }
   a, a:link, a:visited {color:#0000FF;}
   textarea {width: 100%; padding: 10px; margin: 10px 0 15px 0; font-size: 13px; font-family: Consolas,monospace;}
   textarea.html {height: 300px;}
   p {margin: 0 0 10px 0;}
   code, pre {font-family: Consolas,monospace; color: green;}
   ol li {margin: 0 0 15px 0;}
</style>
<link rel="stylesheet" type="text/css" href="style.css" />
<div id='cssmenu'>
<ul>
   <li><a href='../../index_compostelle.php'><span>Accueil</span></a></li>
   <li class='has-sub'><a href='http://www.chemin-compostelle.info/photos-videos/videos.php'><span>Vid&eacute;os</span></a>
      <ul>
         <li><a href='http://www.chemin-compostelle.info/photos-videos/videos-pelerinage-compostelle.php'><span>Vid&eacute;os d'un p&egrave;lerinage</span></a></li>
         <li class='last'><a href='http://www.chemin-compostelle.info/photos-videos/videos-yvon-boelle-compostelle.php'><span>Vid&eacute;o Yvon Bo&euml;lle</span></a></li>
		 <li class='last'><a href='http://www.youtube.com/embed/hCwuF5BuIcc' target="_blank"><span>Vid&eacute;o Cath&eacute;drale de Santiago</span></a></li>
		 <li><a href='http://photos.cheminsdecompostelle.info/' target='_blank'><span>Les photos...</span></a></li>
		</ul>
   </li>
   <li class='has-sub'><a href='http://www.chemin-compostelle.info/livres/livres.php'><span>Livres</span></a>
      <ul>
         <li><a href='http://www.chemin-compostelle.info/livres/choisir-un-guide-pelerinage-compostelle.php'><span>Choisir un guide ?</span></a></li>
         <li class='last'><a href='http://www.chemin-compostelle.info/livres/acheter-un-guide-pelerinage-compostelle.php'><span>Acheter un guide</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/livres/guides-ffrp-pelerinage-compostelle.php'><span>Guides de la FFRP</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/livres/acheter-un-guide-miam-miam-pelerinage-compostelle.php'><span>Guides Miam-miam Dodo</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/livres/autres-livres-pelerinage-compostelle.php'><span>Autres livres</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/livres/livres-du-mois-pelerinage-compostelle.php'><span>Le livre du mois</span></a></li>
      </ul>
   </li>
   <li class='has-sub'><a href='http://www.chemin-compostelle.info/sante/sante-soins-compostelle.php'><span>Sant&eacute;</span></a>
      <ul>
         <li><a href='http://www.chemin-compostelle.info/sante/trousse-pharmacie-compostelle.php'><span>La trousse &agrave; pharmacie</span></a></li>
         <li class='last'><a href='http://www.chemin-compostelle.info/sante/tendinite-pelerinage-compostelle.php'><span>La tendinite</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/sante/ampoules-pelerinage-compostelle.php'><span>Les ampoules</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/sante/punaises-de-lit-pelerinage-compostelle.php'><span>Les punaises de lit</span></a></li>
      </ul>
   </li>
   <li class='has-sub'><a href='http://www.chemin-compostelle.info/pratique/conseils-pratiques-compostelle.php'><span>Pratique</span></a>
      <ul>
         <li><a href='http://www.chemin-compostelle.info/pratique/se-preparer-pour-compostelle.php'><span>R&eacute;sum&eacute;</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/pratique/nourriture-pelerinage-compostelle.php'><span>La nourriture</span></a></li>
         <li class='last'><a href='http://www.chemin-compostelle.info/pratique/vetements-pelerinage-compostelle.php'><span>Les v&ecirc;tements</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/pratique/chaussures-pelerinage-compostelle.php'><span>Les chaussures</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/pratique/sac-a-dos-pelerinage-compostelle.php'><span>Le sac &agrave; dos</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/pratique/meteo-pelerinage-compostelle.php'><span>La m&eacute;t&eacute;o</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/pratique/planifier-son-pelerinage-compostelle.php'><span>Planifier son p&egrave;lerinage</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/pratique/quand-partir-pour-pelerinage-compostelle.php'><span>Quand partir ?</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/pratique/journee-pelerinage-compostelle.php'><span>Journ&eacute;e d'un p&egrave;lerin</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/statistiques/statistiques-pelerinage-compostelle.php'><span>Statistiques</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/pratique/gps-pelerinage-compostelle.php'><span>GPS et Compostelle</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/credencial/credencial-pour-compostelle.php'><span>Utilit&eacute; de la Credencial</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/credencial/ou-se-procurer-credencial-pour-compostelle.php'><span>O&ugrave; acheter la Credencial ?</span></a></li>
      </ul>
   </li>
   <li class='has-sub'><a href='http://www.chemin-compostelle.info/france/france.php'><span>France</span></a>
      <ul>
	  	 <li><a href='http://www.chemin-compostelle.info/france/chemins-historiques-pelerinage-compostelle.php'><span>Les chemins historiques</span></a></li>
         <li class='last'><a href='http://www.chemin-compostelle.info/france/carte-itineraire-pour-compostelle.php'><span>Cartes Topographiques</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/france/hebergement-france-pelerinage-compostelle.php'><span>H&eacute;bergements pour p&egrave;lerin</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/france/puy-en-velay-pelerinage-compostelle.php'><span>Chemin du Puy en Velay</span></a></li>
         <li class='last'><a href='http://www.chemin-compostelle.info/france/vezelay-pelerinage-compostelle.php'><span>Chemin de V&eacute;zelay</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/france/creuse-pelerinage-compostelle.php'><span>Chemin dans la Creuse</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/france/rocamadour-pelerinage-compostelle.php'><span>Voie de Rocamadour</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/france/arles-pelerinage-compostelle.php'><span>Voie d'Arles</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/france/bretagne-normandie-pelerinage-compostelle.php'><span>Bretagne et Normandie</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/france/mont-st-michel-chartres-pelerinage-compostelle.php'><span>Mont St-Michel/Chartres</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/france/boutique-pelerinage-compostelle.php'><span>Les boutiques</span></a></li>
      </ul>
   </li>
   <li class='has-sub'><a href='http://www.chemin-compostelle.info/espagne/espagne-compostelle.php'><span>Espagne</span></a>
      <ul>
         <li><a href='http://www.chemin-compostelle.info/espagne/quitter-santiago-saint-jacques-de-compostelle.php'><span>Quitter Santiago</span></a></li>
         <li class='last'><a href='http://www.chemin-compostelle.info/espagne/camino-frances-pelerinage-compostelle.php'><span>Le Camino Frances</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/espagne/meteo-espagne-pelerinage-compostelle.php'><span>La m&eacute;t&eacute;o en Espagne</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/espagne/fontaine-vin-irache-camino-frances-compostelle.php'><span>La fontaine &agrave; vin d'Irache</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/espagne/a-voir-sur-camino-frances-pelerinage-compostelle.php'><span>A voir sur Camino Frances</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/espagne/telephone-espagne-pelerinage-compostelle.php'><span>Le t&eacute;l&eacute;phone en Espagne</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/espagne/gites-albergues-espagne-pelerinage-compostelle.php'><span>Les g&icirc;tes en Espagne</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/espagne/camino-del-norte-espagne-pelerinage-compostelle.php'><span>Camino del Norte</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/espagne/catalogne-espagne-pelerinage-compostelle.php'><span>Le Chemin en Catalogne</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/espagne/col-du-somport-espagne-pelerinage-compostelle.php'><span>Le col du Somport</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/espagne/chemin-portugais-pelerinage-compostelle.php'><span>Le chemin Portugais</span>
		 <li><a href='http://www.chemin-compostelle.info/france/carte-itineraire-pour-compostelle.php'><span>Cartes Topographiques</span></a></li></a></li>
      </ul>
   </li>
   <li class='has-sub'><a href='http://www.chemin-compostelle.info/recits/recits-compostelle.php'><span>R&eacute;cits</span></a>
      <ul>
         <li><a href='http://www.chemin-compostelle.info/recits/recit-d_un-pelerin-compostelle.php'><span>R&eacute;cit d'un p&egrave;lerin</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/recits/spleen-du-retour-de-compostelle.php'><span>Spleen du retour</span></a></li>
         <li class='last'><a href='http://www.chemin-compostelle.info/recits/camino-frances/01-St-Jean-Huntto-pelerinage-compostelle.php'><span>Le Camino Frances</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/recits/puy-en-velay/01-preparatifs-et-premiere-etape.php'><span>Le Puy en Velay</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/recits/vallee-du-cele/01-pelerinage-compostelle-conques-livinhac-le-haut.php'><span>Variante par la vall&eacute;e du C&eacute;l&eacute;</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/recits/ultreia-et-suseia-pelerinage-compostelle.php'><span>Ultre&iuml;a et Suseia ?</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/recits/pierre-du-diable-pelerinage-compostelle.php'><span>La pierre du diable</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/recits/stele-roncevaux-pelerinage-compostelle.php'><span>St&egrave;le Roncevaux</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/recits/paulo-coelho-pelerinage-compostelle.php'><span>Paulo Coelho</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/recits/vrais-faux-pelerins-compostelle.php'><span>Vrais ou faux p&egrave;lerins ?</span></a></li>
      </ul>
   </li>
   <li class='has-sub'><a href='http://www.chemin-compostelle.info/liens/liens-compostelle.php'><span>Liens</span></a>
     <ul>
         <li><a href='http://www.chemin-compostelle.info/liens/liens-hebergement-pelerinage-compostelle.php'><span>H&eacute;bergements</span></a></li>
         <li class='last'><a href='http://www.chemin-compostelle.info/liens/liens-associations-compostelle.php'><span>Associations</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/liens/liens-sites-francais-compostelle.php'><span>Sites Fran&ccedil;ais</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/liens/liens-offices-de-tourisme-compostelle.php'><span>Offices de tourisme</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/liens/liens-sites-espagnols-compostelle.php'><span>Sites Espagnols</span></a></li>
		 <li class='last'><a href='http://www.chemin-compostelle.info/liens/liens-sites-voyages.php'><span>Sites de voyages</span></a></li>
	</ul>
   </li>
   <li class='last'><a href='http://www.chemin-compostelle.info/formulaire/formulaire-compostelle.php'><span>Contact</span></a></li>
	  </ul>
</div>

mon code 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
#cssmenu{ height:37px; display:block; padding:0; margin: 0;  border:1px solid; border-radius:5px; } 
#cssmenu > ul {list-style:inside none; padding:0; margin:0;} 
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} 
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); } 
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;} 
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; } 
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;} 
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; } 
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;} 
#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; } 
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;} 
#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;} 
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; } 
#cssmenu ul li > ul{width:200px;} 
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;} 
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); } 
#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#333333; background:-moz-linear-gradient(top, #333333 0%, #222222 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#222222)); background:-webkit-linear-gradient(top, #333333 0%,#222222 100%); background:-o-linear-gradient(top, #333333 0%,#222222 100%); background:-ms-linear-gradient(top, #333333 0%,#222222 100%); background:linear-gradient(top, #333333 0%,#222222 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#222222',GradientType=0 ); } 
#cssmenu{border-color:#000;} 
#cssmenu > ul > li > a{border-right:1px solid #000; color:#fff;} 
#cssmenu > ul > li > a:after{border-color:#444;} 
#cssmenu > ul > li > a:hover{background:#111;}

à force d'essayer de trouver je ne vois plus rien....
si quelqu'un pouvait m'aider...merci
Gérard

[rodolphebrd]

Bonjour,

n'êtes-vous pas passé en mode compatibilité ?

Sinon en plaçant cette ligne : <meta http-equiv="X-UA-Compatible" content="IE=edge" />

[gaeil28]

Bonjour,
ok,
bien vu
merci
Gérard