28172 sujets

CSS et mise en forme, CSS3

[Résolu] IE 9 : différence d'affichage entre le serveur et mon DD

Bonjour,

Mon site, utilisant les Css, avait exactement le même rendu à l'écran avec FireFox, Chrome et IE8. Quand j'ai su que du Css3 s'implémentait, j'ai ajouté des "box-shadow" et des "-moz-box-shadow". L'ombrage a été correct sauf avec IE8 comme indiqué.
Je viens d'installer IE9 et étrangement : en affichant le site avec IE9 à partir des fichiers de mon disque dur, tout est correct. En affichant le site avec IE9 depuis le serveur (Free), des anomalies de mise en page se produisent et les ombrages n'apparaissent pas. Je précise que la page "Paramètres affichage compatibilité" de IE9 est vide.
Y a t'il une explication ?

Mon site : http://moimessouliers.free.fr/tous/accueil.htm?aep

Merci.
Modifié par ClaudAix (19 Apr 2011 - 11:31)
Bonjour,

Le doctype de ta page n'est pas correct, il en manque un bout. Cela cause souvent des problèmes avec IE.

Voici un exemple de doctype correct : 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"    "http://www.w3.org/TR/html4/strict.dtd">
Merci de ta réponse. J'ai fait la modification mais cela n'a rien changé. Il me semble qu'un doctype incomplet aurait créé des anomalie en ligne et en local.

Un autre exemple : je fais un trait violet centré avec HR {clear: both; border: 0; border-top: 1px solid #edf; border-bottom: 1px solid #a8e; width: 30%; margin: 9px auto 9px auto}

L'affichage est correct avec Chrome, FireFox, IE8, et IE9 mais seulement en local.
Le trait n'est pas centré en ligne avec IE9. Voir le bas de page de :
http://moimessouliers.free.fr/tous/topos/scieur_de_long.htm
Et la page blanche n'est pas non plus ombragée dans ce cas.

Donc toujours problème...
Salut,

IE 8 traite les pages en local comme des pages Intranet, avec application par défaut du mode de compatibilité IE 7. Vérifie s'il ne s'agirait pas du même problème sous IE 9.
Euh, je ne suis pas assez calé pour comprendre. Mais le symptôme est un affichage parfait en local, et des défauts de css en ligne. J'ai contacté quelqu'un qui m'a adressé des copies d'écran du site avec FireFox et IE9, c'est exactement ce que je constate.
Merci de te soucier de mon cas...
J'ai trouvé mais cela pose problème :

En décochant dans la page d'IE9 "paramètre d'affichage de compatibilité" l'option :
"inclure des listes de site Web mises à jour à partir de Microsoft"
tout redevient normal. Mais comme la case est cochée par défaut à l'installation, la quasi totalité des visiteurs verra un site altéré. Y aurait-il moyen de contourner cette difficulté ?

Merci.
Salut,

Il existe une méta mise au point par Microsoft : la méta X-UA-Compatible, à insérer le plus près possible du début de l'élément head, comme suit :
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Ici, les autres éléments contenus dans head -->
</head>
Merci Victor,

Smiley biggrin J'ai fait le test sur une page en laissant les paramètres par défaut de l'installation d'IE9 et cette fois c'est correct. Je fais la manip sur tout le site, je vérifie, et je reviens classer le sujet comme "résolu"...
Sujet clos
Aller à