Rendu de site différent sous IE selon le serveur pour un même code.

**CPCHalf** · 24/10/2010, 22h48

Bonjour,

J'avous que ce coup ci IE me pose une colle et je me demande si quelqu'un aurai des éléments de réponse pour trouver d'où vient le soucis.

J'ai un site qui s'affiche très bien sur tout les navigateurs du marcher y compris IE sur mon serveur de dev perso à Taiwan et mon serveur de dev en France. Appelons ce site la version 5.
Mais voila une fois en prod avec les mêmes fichiers (export de subversion) le même contenu (copie de la base), sur mon serveur de prod IE8 déconne au niveau des offsets on dirai qu'il ajoute des marges. Et ce que sur la machine de la prod.

Mais là où cà devient très gênant est que pour la version 6 du site codé from scratch (sauf certain objet PHP comme la connexion à la base) j'ai le même soucis...

Après enquête dans le debuggeur de IE8 je m'aperçois que même si le code et les classes CSS sont identiques, le layout diffère (offset diffèrent).
Plus intéressant : si j'affiche le Original Source du debuggeur (et pas le show source) j'ai un code de ce genre sur les serveurs de dev :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>XXXXXX.com > Admin > User</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF8"/>
		<link rel="stylesheet" type="text/css" href="css/header.css" />
		<script type="text/javascript" src="js/ajax.js"></script>
		<script type="text/javascript" src="js/mootools.js"></script>
		<script type="text/javascript" src="js/mootools-slide.js"></script>
		<script type="text/javascript" src="js/header.js"></script>
		<meta name="robots" content="index, follow" />
		<meta name="revisit-after" content="2 days" />
		<link rel="alternate" type="application/rss+xml" title="RSS" href="feed.php" />
		<link rel="shortcut icon" type="image/png" href="img/favicon.png" />
 
 
	<script type="text/javascript" src="js/adminUser.js"></script>
	<script type="text/javascript" src="js/ajax.js"></script>
 
	</head>
	<body>
	   <div id="sliders">
		<img src="img/template/btn_admin.png" alt="postit" id="img_admin"/>
		<div id="menu_admin">
			<span class="gras">Menu admin</span><br/><hr/>

Et en prod :

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><META content="IE=7.0000" 
http-equiv="X-UA-Compatible">
<TITLE>XXXXXX > Admin > User</TITLE>
<META content="text/html; charset=utf-8" http-equiv=Content-Type><LINK 
rel=stylesheet type=text/css href="css/header.css">
<SCRIPT type=text/javascript src="js/ajax.js"></SCRIPT>
 
<SCRIPT type=text/javascript src="js/mootools.js"></SCRIPT>
 
<SCRIPT type=text/javascript src="js/mootools-slide.js"></SCRIPT>
 
<SCRIPT type=text/javascript src="js/header.js"></SCRIPT>
 
<META name=robots content="index, follow">
<META name=revisit-after content="2 days">
<LINK 
title=RSS rel=alternate type=application/rss+xml href="feed.php"><LINK 
rel="shortcut icon" type=image/png href="img/favicon.png">
<SCRIPT type=text/javascript src="js/adminUser.js"></SCRIPT>
 
<SCRIPT type=text/javascript src="js/ajax.js"></SCRIPT>
</HEAD>
<BODY>
<DIV id=sliders><IMG id=img_admin alt=postit src="img/template/btn_admin.png"> 
<DIV id=menu_admin><SPAN class=gras>Menu admin</SPAN><BR>
<HR>

Alors voilà avez vous une idée de ce qui peut amener IE a se comporter différemment en fonction de la machine ? Les serveurs web sont Apache 2.

Un élément pouvant avoir sont importance, j'ai changer le nom de domaine pour atteindre les fichiers sur la prod et c'est le même soucis.

**CPCHalf** · 24/10/2010, 23h18

Houla trés interessant voila un moyen de resoudre le probleme :

Maintenant reste a savoir pourquoi IE se met en mode compatibilité IE7... une idée ?

**CPCHalf** · 24/10/2010, 23h57

Bon alors si un jour quelqu'un a le meme probleme, j'ai pu contourné le soucis en forcant le mode IE8 grace a un module apache mod_headers. Suffit juste d'ajouter

Code :

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

1
2
3
<IfModule headers_module>
    Header set X-UA-Compatible: IE=EmulateIE8
</IfModule>

Dans la zone apache après.

Rendu de site différent sous IE selon le serveur pour un même code.

HTML

Discussions similaires

Partager

Partager