Discussion :

[cristolb]

Bonjour !

Lorsque le cache du navigateur est vidé, il arrive parfois, sur mon site, au 1er chargement de la page, que la feuille de style ne se charge pas. En actualisant la page, tout rentre dans l'ordre. Chaque page est construite en php avec des templates et je teste le navigateur en Javascript (IE ou autre) pour charger la feuille de style correspondante :

Code :

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

1
2
3
4
5
6
7
8
9
10
var NomNav = navigator.appName;
 
if (NomNav == "Microsoft Internet Explorer") 
	{ 
	document.write ('<link rel="stylesheet" type="text/css" href="styles/site.css" media="screen"/>');
	}
else
	{ 
	document.write ('<link rel="stylesheet" type="text/css" href="styles/sitefox.css" media="screen"/>');
	}

Est-ce que quelqu'un a déjà rencontré ce problème et trouvé une solution ?

Merci d'avance !

[blueice]

Tu te bases uniquement sur Javascript pour charger les feuilles ?
Que se passe-t-il si Javascript est désactivé ?

Si le cache est vide, que tu lances la page il se peut qu'il interprete JS après. Du coup il prend pas en considération ta feuille...
Non ?

[cristolb]

Merci de ta réponse blueice.

En effet, j'utilise uniquement du Javascript pour charger mes feuilles de style. Quand JS est désactivé dans IE, la feuille de style n'est donc pas chargée. Est-ce qu'il y aurait une solution permettant de contourner l'utilisation de JS ? Ca ne peut pas marcher en php car le script doit être executé du coté client ! Vous avez une idée ?

Merci d'avance !

[blueice]

Pourquoi forcément du côté client ? En PHP tu récupères le navigateur et tu fais en fonction
Trop facile.

[ilood]

Bonjour

Et plutot que de passer par javascript, utiliser les commentaires conditionnels :

Voir ici pour plus d'infos sur les commentaire conditionnels

[azertyman]

Est-ce qu'il y aurait une solution permettant de contourner l'utilisation de JS ?

faire une feuille de style qui marche sur tous les navigateurs

[amika]

c'est pas evident de faire une feulle de style qui donne meme apparence pour tous les navigateurs

[cristolb]

Merci ilood pour ton éclaircissement. Je ne connaissais pas cette technique. Je vais l'appliquer et je posterai les résultats.

Merci pour ta précision blueice. Je suis allé un peu vite : je pensais au script concernant la résolution de l'écran qui lui, si je ne redis pas une bêtise, est uniquement à exécuter du coté client.

En réponse à azertyman, et comme le dit amika, en effet ce n'est pas fâââcile de faire une feuille de style commune à plusieurs navigateurs différents. Je ne crois pas qu'il y est de solution miracle (pour l'instant) !!!

[cristolb]

Bilan !

J'ai utilisé les commentaires conditionnelles pour le chargement de la feuille de style et ça marche nickel (IE et firefox). Voici le code :

Code :

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

1
2
3
4
5
6
<link rel="stylesheet" type="text/css" href="styles/sitefox.css" media="screen"/>
 
<!--Commentaire conditionnelle : sélection de la feuille de style.-->
<!--[if IE]>
	<link rel="stylesheet" type="text/css" href="styles/site.css" media="screen"/>
<![endif]-->

Encore merci !

[TabrisLeFol]

: