Changer norme document par défaut sur IE

Version imprimable

22/04/2014, 10h23
Lolosan

1 pièce(s) jointe(s)

Changer norme document par défaut sur IE

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 :

Pièce jointe 143628

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
22/04/2014, 12h11
Bisûnûrs

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

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

Code:

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:

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

Mais sa n'a rien changé.

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

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

Code:

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

:question:
22/04/2014, 14h22
Lolosan

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...

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

Code:

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:

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:

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:

1
2
 
<!DOCTYPE html>

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

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

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.

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:

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 !