Différence à l'affichage entre IE9 et IE10

**schnee** · 24/01/2013, 21h02

Bonjour,

Je suis en train de vérifier la compatibilité de mes sites avec IE10, et d'emblée je constate une différence importante : il semble que IE10 ajoute une ligne quelque part à la fin de certains titres.
Est-ce que qqun pourrait m'indiquer un site (même en anglais) où ce genre de différences sont clairement expliquées ? Merci.
Ex : à gauche, rendu normal sous IE9, à droite sous IE10

Ex : en haut rendu normal sous IE9, en bas sous IE10

**schnee** · 25/01/2013, 00h28

OK, je vois. Il semble que IE10 ignore la balise
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Il faut le mettre en mode de document IE5, sinon il prend le mode Quirks par défaut.
Ou alors c'est ma balise qui n'est pas correcte ?

**thelvin** · 25/01/2013, 17h59

Envoyé par schnee

Ou alors c'est ma balise qui n'est pas correcte ?

Yup.

Code :

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

<!DOCTYPE html>

Ça fera très bien.

**schnee** · 25/01/2013, 18h47

Envoyé par thelvin

Yup.

Code :

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

<!DOCTYPE html>

Ça fera très bien.

Non, ça ne marche pas non plus, mon site n'est pas prêt pour ce mode.
Je dois encore supporter des dinosaures sous IE7. Je vais essayer avec les balises pour forcer IE10 à se mettre dans le mode IE7, 8 ou 9.

**Bovino** · 25/01/2013, 19h12

Ce doctype fonctionne aussi bien pour IE6 que pour tous les autres navigateurs courants...

Ensuite, que veux-tu qu'on te dise ?
J'ai eu beau retourner mon écran, ton code ne se trouvait pas au dos de l'image...
Quand tu as une panne, tu vas chez le garagiste avec une photo de ta voiture ?

**schnee** · 25/01/2013, 19h22

Envoyé par Bovino

Ce doctype fonctionne aussi bien pour IE6 que pour tous les autres navigateurs courants...

Peut-être avec IE6, mais il ne force pas IE10 dans un mode compatible.
Ça le met en mode navigateur IE10, Mode de documents : normes, et la mise en page est complètement bousillée.
Quand je le mets à la main en mode navigateur IE9 et Mode de document Quirks IE5, tout est beau.
Quand j'ajoute la balise
<META http-equiv="X-UA-Compatible" content="IE=5" /> en premier dans le HEAD, il se met en mode navigateur IE10 et Mode de document Quirks, et ça donne les images que j'ai montrées.
Je vois qu'il y a deux paramètres : mode navigateur et mode de document, mais une seule balise META, est-ce qu'on me cache qqch ?

**schnee** · 25/01/2013, 19h49

EUREKA !
À cause d'une particularité de mon système de gestion de contenu, une autre balise venait se planter avant la X-UA-Compatible ce qui la rendait inopérante.
Il semble que maintenant ça marche.

Différence à l'affichage entre IE9 et IE10

Conception Web

Discussions similaires

Partager

Partager