Bonsoir,

voici un code assez simple :
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
<!DOCTYPE html>
<html>
  <head>
    <meta content="text/html; charset=windows-1252" http-equiv="content-type">
    <title></title>
	<style>
          ul.Menu1 {
  display:table;
  width:790px;
  }
  ul.Menu1 li {
  display:table-cell;
  list-style-type: none;
  }
  ul.listMenu {
  display:block;
  padding:0;
  margin:0;
  border-collapse:collapse;
   font-size:.9em;
 }
 
 ul.listMenu li {
  display:block;
  list-style-type: none;
  margin:0;
  padding:0;    
  width:270px;
  text-align:center;
  }
        </style>
 
  </head>
 
  <body>
 
<ul class="Menu1">
  <li>
	<ul class="listMenu">
		<li>
			<script>document.write("titre_1");</script>
		</li>
	</ul>
  </li>
  <li>
	<ul class="listMenu">
		<li> 
			<script>document.write("titre_2");</script>
		</li>
	 </ul> 
  </li>
  <li>
	<ul class="listMenu">
		<li>
			<script>document.write("titre_3");</script>
		</li>
	</ul> 
 </ul>
  </body>
</html>
mais il se comporte différemment s'il est en local (même aspect que là : http://laurentschmitt18.free.fr/sitemap/test_menu3.html) et s'il est sur un serveur du travail où au lieu d'avoir un alignement horizontal (ce qui est prévu avec le CSS), l'alignement est vertical...(IE8 dans les 2 cas) ; comment retrouver l'alignement horizontal ?

Nom : slide0002_image003.png Affichages : 81 Taille : 81,2 Ko