Comment éviter le mode de document Quirks ? [Résolu]

noobyyy · 14/08/2011, 18h29

bonjour à vous, je développe un siteweb en ce moment (pour pas changer)

lorsque que je regarde ma compatibilité avec les autres navigateurs j'ai des surprises avec quavec'IE !

IE9 par défaut active le mode quirks :

cependant avec ce mode la j'ai pas mal d'erreurs !!

comment forcer ma page à éviter ce mode là et à prendre les normes IE9 qui m'affiche mon site correctement ?

Eric2a · 14/08/2011, 18h48

Salut,

Il faut déclarer le type de document (DOCTYPE) pour indiquer au navigateur quelles sont les règles d'écritures qui sont respectées par le document.

Liste des DOCTYPE pour les documents (x)HTML (sans jeu de cadres)

HTML 4.01 Transitional

Code html :

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

1
2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="fr">

HTML 4.01 Strict

Code html :

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

1
2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr">

XHTML 1.0 Transitional

Code html :

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

1
2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

XHTML 1.0 Strict

Code html :

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

1
2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

HTML 5.0

Code html :

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

1
2
<!DOCTYPE html>
<html lang="fr">

noobyyy · 14/08/2011, 19h06

merci pour la liste...

j'ai ceci :

Code :

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

1
2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr-fr" lang="fr-fr" dir="ltr" >

le problème persiste...

Eric2a · 14/08/2011, 20h35

Tu as des caractères (autres que des espaces/tabulations et sauts de ligne) avant la déclaration du DOCTYPE ?

noobyyy · 15/08/2011, 01h18

euh j'ai du code php pour des traitements, variables pour les paramètres

dans le head j'ai sa :
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

c'est comme s'il voulait pas me prendre le css3

Eric2a · 15/08/2011, 13h07

En supprimant la ligne...

Code :

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

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

?

Si tu utilises CSS 3, il est préférable d'utiliser le DOCTYPE HTML5...

Code html :

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

1
2
<!DOCTYPE html>
<html lang="fr">

noobyyy · 15/08/2011, 13h19

J'ai supprimé la ligne, j'ai changé le doctype mais rien ne change !!!

Je suis désespéré je ne sais plus où chercher !

12monkeys · 15/08/2011, 13h31

Bonjour

Et tu n'as pas plutôt une page en ligne qu'on puisse constater de visu ?

noobyyy · 15/08/2011, 13h57

c'est un nouveau projet avec une protection htaccess

pour vous donner plus de précision c'est un thème sous Joomla 1.7

Voici une partie du code mais rien exceptionnelle...
http://img543.imageshack.us/img543/3576/code1d.jpg

edit :

Même pas valide cette ligne sous html 5

12monkeys · 15/08/2011, 14h35

Ca n'aide pas franchement

N'y aurait il pas un BOM qui trainerait au début de ton fichier ?

noobyyy · 15/08/2011, 14h40

Mon index.php est encodé en UTF-8 (sans BOM)

Code :

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

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

noobyyy · 15/08/2011, 18h09

bon alors la je vais envoyer du lourd car je comprends plus rien :

code xhtml :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="fr-FR" xml:lang="fr">
<head>
    <title>test</title>
    <link rel="stylesheet" href="test.css" type="text/css" media="screen" />
</head>
<body>
<table>
<!-- content -->
<tr>
	<td>
		<div id="contenu">
 
		<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
			<br/>
		</div>
	</td>
</tr>
<!-- /content -->
</table>
</body>
</html>

code css :

Code css :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
#contenu {
	border: 2px solid #41494A;
	background-color: blue;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	-khtml-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);	
	width: 900px;
	padding: 10px  10px  10px  10px;
}

Résultats :

Atomya Rise · 16/08/2011, 05h08

Citation:

Envoyé par noobyyy

bon alors la je vais envoyer du lourd car je comprends plus rien

Les version inférieur à IE9 ne supporte pas le border-radius

noobyyy · 16/08/2011, 11h05

merci mais je suis déjà au courant de ceci, ce que je ne comprends pas c'est qu'au mode quirks il refuse de m'afficher du css3 avec le moteur IE9

Bovino · 16/08/2011, 11h08

Citation:

Envoyé par noobyyy

ce que je ne comprends pas c'est qu'au mode quirks il refuse de m'afficher du css3 avec le moteur IE9

Ben précisément parce qu'en mode Quircks, ce n'est pas le moteur de rendu IE9 qui est utilisé mais celui d'IE5.5

noobyyy · 16/08/2011, 11h20

Merci Bovino, mais lors de l'installation d'IE9 (pas mal de personnes) les gens ne vont pas aller dans les paramètres pour mettre les normes IE9 comment forcer ceci :

Code html :

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

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

Ne fonctionne pas en quirks

je ferai une explication dans la FAQ lol

Atomya Rise · 16/08/2011, 12h00

Citation:

Envoyé par noobyyy

Code html :

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

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

Ne fonctionne pas en quirks

C'est un peu normal tu ne trouve pas ?
Cette ligne empêche justement de faire passé le navigateur en mode quirk pas l'inverse

Par contre, j'avoue que pendant mes recherches, j'ai beaucoup aimé relire deux fois la même conversation, c'était rigolo ^^

Les bases pour éviter le mode quirk :
- un doctype correcte
- pas de code ou autre avant le doctype (même pas un espace)
- pour les anciennes version d'ie, éviter le prologue xml

Pour une compatibilité avec IE, le plus intéressant est de faire un css pour IE

Un peu de lecture vis à vis de tout ceci :

http://esprit-creatif.blog.mongenie....idblogp=406297

noobyyy · 16/08/2011, 13h06

Ok merci.

je met résolu.

14/08/2011, 18h29	#1
noobyyy Débutant Inscription : février 2009 Messages : 559 Détails du profil Informations forums : Inscription : février 2009 Messages : 559 Points : 138 Points : 138	Comment éviter le mode de document Quirks ? bonjour à vous, je développe un siteweb en ce moment (pour pas changer) lorsque que je regarde ma compatibilité avec les autres navigateurs j'ai des surprises avec quavec'IE ! IE9 par défaut active le mode quirks : cependant avec ce mode la j'ai pas mal d'erreurs !! comment forcer ma page à éviter ce mode là et à prendre les normes IE9 qui m'affiche mon site correctement ?
	00

15/08/2011, 13h31	#8
12monkeys Rédacteur/Modérateur Dr. Peters Webmaster Inscription : novembre 2006 Messages : 3 618 Détails du profil Informations personnelles : Nom : Dr. Peters Âge : 35 Localisation : France, Bas Rhin (Alsace) Informations professionnelles : Activité : Webmaster Secteur : Service public Informations forums : Inscription : novembre 2006 Messages : 3 618 Points : 6 238 Points : 6 238	Bonjour Et tu n'as pas plutôt une page en ligne qu'on puisse constater de visu ? __________________ Vous débutez dans la creation de sites web : les bases du html et débuter avec les CSS Pas de MP pour des questions techniques ! Mode d'emploi du forum ; Règles ; Pensez à la balise code ; Pas de SMS ! Votez pour les messages qui vous ont aidés...
	00

15/08/2011, 14h35	#10
12monkeys Rédacteur/Modérateur Dr. Peters Webmaster Inscription : novembre 2006 Messages : 3 618 Détails du profil Informations personnelles : Nom : Dr. Peters Âge : 35 Localisation : France, Bas Rhin (Alsace) Informations professionnelles : Activité : Webmaster Secteur : Service public Informations forums : Inscription : novembre 2006 Messages : 3 618 Points : 6 238 Points : 6 238	Ca n'aide pas franchement N'y aurait il pas un BOM qui trainerait au début de ton fichier ? __________________ Vous débutez dans la creation de sites web : les bases du html et débuter avec les CSS Pas de MP pour des questions techniques ! Mode d'emploi du forum ; Règles ; Pensez à la balise code ; Pas de SMS ! Votez pour les messages qui vous ont aidés...
	00

15/08/2011, 14h40	#11
noobyyy Débutant Inscription : février 2009 Messages : 559 Détails du profil Informations forums : Inscription : février 2009 Messages : 559 Points : 138 Points : 138	Mon index.php est encodé en UTF-8 (sans BOM) Code : Sélectionner tout - Visualiser dans une fenêtre à part <meta http-equiv="content-type" content="text/html; charset=utf-8" />
	00

16/08/2011, 11h20	#16
noobyyy Débutant Inscription : février 2009 Messages : 559 Détails du profil Informations forums : Inscription : février 2009 Messages : 559 Points : 138 Points : 138	Merci Bovino, mais lors de l'installation d'IE9 (pas mal de personnes) les gens ne vont pas aller dans les paramètres pour mettre les normes IE9 comment forcer ceci : Code html : Sélectionner tout - Visualiser dans une fenêtre à part <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> Ne fonctionne pas en quirks je ferai une explication dans la FAQ lol
	00

14/08/2011, 20h35	#4
Eric2a Membre Expert Eric Garidacci Inscription : septembre 2005 Messages : 1 057 Détails du profil Informations personnelles : Nom : Eric Garidacci Âge : 41 Informations forums : Inscription : septembre 2005 Messages : 1 057 Points : 1 564 Points : 1 564	Tu as des caractères (autres que des espaces/tabulations et sauts de ligne) avant la déclaration du DOCTYPE ? __________________ N'oubliez pas le vote des messages utiles ainsi que le Tag [Résolu]. Mon Site Web : Corse - Actualité, Météo, Vidéos, Logiciels, ...
	00

15/08/2011, 01h18	#5
noobyyy Débutant Inscription : février 2009 Messages : 559 Détails du profil Informations forums : Inscription : février 2009 Messages : 559 Points : 138 Points : 138	euh j'ai du code php pour des traitements, variables pour les paramètres dans le head j'ai sa : <meta http-equiv="X-UA-Compatible" content="IE=edge" /> c'est comme s'il voulait pas me prendre le css3
	00

15/08/2011, 13h19	#7
noobyyy Débutant Inscription : février 2009 Messages : 559 Détails du profil Informations forums : Inscription : février 2009 Messages : 559 Points : 138 Points : 138	J'ai supprimé la ligne, j'ai changé le doctype mais rien ne change !!! Je suis désespéré je ne sais plus où chercher !
	00

15/08/2011, 13h57	#9
noobyyy Débutant Inscription : février 2009 Messages : 559 Détails du profil Informations forums : Inscription : février 2009 Messages : 559 Points : 138 Points : 138	c'est un nouveau projet avec une protection htaccess pour vous donner plus de précision c'est un thème sous Joomla 1.7 Voici une partie du code mais rien exceptionnelle... http://img543.imageshack.us/img543/3576/code1d.jpg edit : Même pas valide cette ligne sous html 5
	00

16/08/2011, 11h05	#14
noobyyy Débutant Inscription : février 2009 Messages : 559 Détails du profil Informations forums : Inscription : février 2009 Messages : 559 Points : 138 Points : 138	merci mais je suis déjà au courant de ceci, ce que je ne comprends pas c'est qu'au mode quirks il refuse de m'afficher du css3 avec le moteur IE9
	00

16/08/2011, 13h06	#18
noobyyy Débutant Inscription : février 2009 Messages : 559 Détails du profil Informations forums : Inscription : février 2009 Messages : 559 Points : 138 Points : 138	Ok merci. je met résolu.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email