Rendu de site différent sous IE selon le serveur pour un même code.
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:
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:
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.
