Changer norme document par défaut sur IE

**Lolosan** · 22/04/2014, 10h23

Bonjour à tous,

je cherche à changer la norme du document par défaut sous IE programmatiquement si cela est possible.

Je m'explique : je suis en train de créer un site interne. Il fonctionne bien sous Chrome. Sous IE c'est un peu plus compliqué.

Quand je suis sous IE si j'appui sur F12 si je met le mode de document en norme IE8 mon site fonctionne normalement :

Nom : 877648Capture.png
Affichages : 2316
Taille : 31,3 Ko

Nom : 877648Capture.png
Affichages : 2316
Taille : 31,3 Ko

Si je laisse le mode par défaut (IE7) certains composants (primeFaces) ne s'affichent pas, et beaucoup d'autres ont un design très différents de ce qu'ils devraient.

J'ai trouvé cette technique (F12 + changer le mode du document) pour que mon site sois le même, et fonctionne sous mes différents navigateurs. Néanmoins a chaque fois que j'ouvre un nouvel onglet, ou que je ferme mon navigateur, il faut refaire la manipulation.

J'aurais donc aimé savoir si programmatiquement je ne pourrais pas faire quelque chose ? Ou alors si je ne pourrais pas modifier ce réglage par défaut une seule fois et après on n'en parle plus.

Merci à vous

**Bisûnûrs** · 22/04/2014, 12h11

Est-ce qu'on peut voir le contenu de ton head ?

**Lolosan** · 22/04/2014, 14h01

Oui bien sur, mais il n'y a pas grand chose...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<h:head>
	<meta charset="utf-8"/>
	<title>Un super titre</title>
 
	<meta name="description" content="Une super description !"/>
 
	<h:outputStylesheet name="css/style.css"  />
	<h:outputStylesheet name="css/bordure.css"  />
 
</h:head>

J'ai tenté avec sa :

Code :

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

1
2
 
<meta http-equiv="X-UA-Compatible" content="IE=8" />

Mais sa n'a rien changé.

**Bisûnûrs** · 22/04/2014, 14h10

A priori il devrait prendre le mode le plus élevé par défaut. Tu peux essayer avec :

Code :

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

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

**Lolosan** · 22/04/2014, 14h22

Non sa ne fonctionne pas. C'est bizarre quand même d’être sous IE8 et que le mode par défaut ne sois pas le 8...

**Lolosan** · 23/04/2014, 09h44

J'avance un peu. Mon code de base est le suivant :

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
 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" 
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"> 
	<h:head>
		<meta charset="utf-8"/>
		<title>Un super titre</title>
 
		<meta name="description" content="Une super description !"/>
 
		<h:outputStylesheet name="css/style.css"  />
		<h:outputStylesheet name="css/bouton.css"  />
	</h:head>

Avec sa j'ai le mode par défaut IE7.

J'ai testé de créer une page toute simple :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<!-- DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" -->
<html>
	<head>
		<title>Nouvel onglet</title>
		<meta http-equiv="Content-Language" content="en-us"/>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<meta http-equiv="X-UA-Compatible" content="IE=8"/>
	</head>
	<body>
		Coucou
	</body>
</html>

Avec celle-ci je suis bien en mode IE8, pas de problème. Mais si j'y ajoute ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<!-- 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"
	xmlns:h="http://java.sun.com/jsf/html">
	<h:head>
		<title>Nouvel onglet</title>
		<meta http-equiv="Content-Language" content="en-us"/>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<meta http-equiv="X-UA-Compatible" content="IE=8"/>
	</h:head>
	<h:body>
		Coucou
	</h:body>
</html>

Je passe en mode Quirks (qui ne me conviens pas).

Et si je lui met le doctype comme ceci :

Code :

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

1
2
 
<!DOCTYPE html>

Je passe en IE7... Le JSF et le mode de document en IE8 n'est pas compatible ?

**Bisûnûrs** · 23/04/2014, 09h55

En fait dans ton deuxième morceau de code, tu es déjà en mode Quirks (ton DOCTYPE est erroné, puisque commenté).

JSF, c'est un langage serveur non ? Ca te permet de générer du HTML, donc il faut regarder la source générée par ton langage, ce qui fait qu'il n'y a aucun lien entre le fait d'utiliser JSF et le fait que ton mode de document soit modifié. C'est comme dire que parce que j'utilise du PHP je passe en mode Quirks, ça n'a pas de sens.

**Lolosan** · 23/04/2014, 10h04

C'est exactement sa, apparemment le JSF génère du code qui bloque le X-UA-Compatible. Et j'ai trouvé la solution :

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
 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" 
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">
	<h:head>
		<f:facet name="first">
                       <meta http-equiv="X-UA-Compatible" content="IE=8" />
                       <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
                       <title>PrimeFaces - ShowCase</title>
                </f:facet>
	</h:head>
	<h:body>
		Coucou
	</h:body>
</html>

Et sa fonctionne. Si vous ajoutez des fichiers de style il faut les mettre entre les deux balise de fin de facet et head.

Merci beaucoup !

Changer norme document par défaut sur IE

HTML

Discussions similaires

Partager

Partager