comportement différent d'une page html sur même PC, mais localisée à 2 endroits

**laurentSc** · 04/11/2013, 20h28

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

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

**Candygirl** · 04/11/2013, 22h08

Hello,
Tes explications ne sont pas très claires. Si tu testes depuis la même machine ta page sur le serveur du boulot et celle que tu nous as mise en ligne, tu obtiens un résultat différent ? Où c'est depuis 2 machines différentes ? 2 endroits différents ?

Ton screen laisse suspecter un problème d'affichage de compatiblité (le display:table n'est plus pris en compte). Il me semble me rappeler vaguement qu'IE8 avait la fâcheuse tendance d'activer le mode de compatibilité par défaut pour les pages en local.

Lorsque tu appuies sur F12 (je sais plus si c'était fonctionnel déjà sur IE8 mais je suppose que oui), quelles indications te sont données en haut de la fenêtre concernant le mode navigateur et/ou le mode de rendement ?

**laurentSc** · 04/11/2013, 22h55

non, je suis bien sur la même machine (et le même navigateur) : dans les 2 cas, je suis connecté à distance (je me connecte sur le réseau info du boulot) ; dans le premier cas, j'affiche la page html depuis le serveur du boulot et j'ai cet affichage vertical, et dans l'autre cas, soit j'affiche la page depuis le disque dur, soit je l'affiche depuis un serveur de Free (le lien que j'ai donné) et j'ai bien un affichage horizontal ; si je fais F12, dans le premier cas, ça dit "Mode navigateur : affichage de compatibilité IE8 Mode document : norme IE7" et dans l'autre : "Mode navigateur : IE8 Mode document : norme IE8" ; il y a bien une différence ; peut-on modifier ce mode document ?

**Candygirl** · 05/11/2013, 15h37

Essaie de regarder si ce doc peut t'aider à déterminer à quel niveau se trouve le blocage:
http://www.csservonfootball.com/Tele...20et%20IE9.pdf

Autrement je crois que tu peux aussi éventuellement le spécifier dans les en-tête http, mais à voir avec une personne mieux renseignée.

**laurentSc** · 05/11/2013, 18h18

Merci de t'être penchée sur mon problème mais il n'est pas résolu. Je pense abandonner une structure à base de "ul" et de CSS et opter pour une structure à base de table (même si c'est pas top de faire comme ça).

**askywhale** · 05/11/2013, 18h20

Pour commencer, j'essaierais avec cette balise au début de <head></head> :

Code :

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

<meta http-equiv="X-UA-Compatible" content="IE=Edge" />

Plus d'information à propos de ce problème et cette balise ici : http://stackoverflow.com/questions/3449286/

**laurentSc** · 05/11/2013, 19h35

Bravo et pas besoin de chercher plus loin : ça marche...et si je fais F12, comme me l'avait indiqué Candygirl, ça dit "mode document : Normes IE8"...

comportement différent d'une page html sur même PC, mais localisée à 2 endroits

HTML

Vue hybride

Discussions similaires

Partager

Partager