5568 sujets

Sémantique web et HTML

Commentaires conditionnels ie

Bonjour tout le monde,

J'ai mis en place un commentaires conditionnels du style <!--[if lte IE 8]><![endif]--> sur mon site. Le message d'avertissement devrait ciblé les utilisateurs possédants un navigateur inférieur à ie8.

Le problème rencontré, est que sur certain poste (d'autres ordinateurs) le message est actif avec ie9 d'installer dessus...J'ai effectuer les tests sour ie tester, il n'y a aucun soucis...

J'ai également le problème inverse sur un autre poste : ordinateur sous ie7, le message n'apparait pas...

Merci de m'éclairer sur la bonne pratique et/ou bonne mise en place..Quelque chose m'échappe...

Bonne journée à vous
Bonjour,

La bonne pratique c'est de ne pas embetter les gens avec des messages d'avertissement leur indiquant que leur navigateur ne réponds pas à tes standards. Il n'y a rien de mieux pour faire fuir un visiteur (qui de toute façon ne mettra pas à jour ses logiciels pour tes beaux yeux).

Sinon pour le problème, difficile de répondre avec aussi peu d'informations, il faut voir où est placé le commentaire conditionnel, ce qu'il y a avant...
Je suis plus ou moins d'accord..Je comprends parfaitement que ce genre de message peut rebuter l'utilisateur. N'est-il pas de notre devoir "d'éduquer" et de transmettre également les bonnes pratiques web? tant au niveau accessibilité qu'au niveau compatibilité? Je trouve que ce genre de pratique peut "aider" à effacer définitivement l'utilisation de navigateurs obsolètes...

Je pense que c'est un parti pris également...

Au sujet du code, l'utilisation est du type classique :

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>xxxxxxxxxxxxxxxxxxxxxxxxxxxxx</title>

<link rel="stylesheet" type="text/css" href="css/styles.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/styles-nav.css" media="screen"/>
<link rel="stylesheet"  type="text/css" href="slide/css/slide.css" media="screen" />

<!--[if lt IE 8]>
<![endif]-->


Merci pour votre aide Smiley smile
Modifié par greg73 (25 Sep 2012 - 12:51)
greg73
a écrit :
Je suis plus ou moins d'accord..Je comprends parfaitement que ce genre de message peut rebuter l'utilisateur. N'est-il pas de notre devoir "d'éduquer" et de transmettre également les bonnes pratiques web? tant au niveau accessibilité qu'au niveau compatibilité? Je trouve que ce genre de pratique peut "aider" à effacer définitivement l'utilisation de navigateurs obsolètes...

Tu vas loin, là. Je ne connais pas le contenu de ton message, mais je suis fréquemment confronté à des gens qui ne savent même pas ce qu'est un navigateur, qui croient que leur navigateur est Google (la page d'accueil de Google, pas Google Chrome), que leur traitement de texte est Windows et leur système d'exploitation, Word. Tout message que tu pourrais leur adresser pour upgrader ou changer leur navigateur n'aura aucun sens pour eux.

De plus, les gens ayant un navigateur obsolète l'ont soit parce qu'ils sont incapables d'en changer (voir paragraphe précédent), soit parce qu'ils sont privés de la possibilité d'en changer (PC de boulot sans droits administrateur). Dans ces cas-là, ton message est sans utilité pour eux.
Modifié par thierry (25 Sep 2012 - 19:35)
Modérateur
Bonjour,

Dans le code que tu as montré ton commentaire conditionnel est vide… que fais-tu exactement avec?

a écrit :
Je trouve que ce genre de pratique peut "aider" à effacer définitivement l'utilisation de navigateurs obsolètes...

«Le blog de Jean-Louis me dit que mon navigateur est trop vieux, je vais aller demander un budget de 30 millions à la direction pour migrer ie6 vers Chrome» Service IT

Plus sérieusement, dans certains cas, si un site, pour de bonnes raisons, utilises des technos très modernes sans solutions pour les vieux navigateurs (appli web, jeu, etc.) un message d'explication expliquant les navigateurs et versions supportés peut être bienvenu.
Merci de ta réponse, il y à ça :

<div class="alert" style="padding: 1em; background: #fcfcfc; font-size: 1.3em; line-height: 0.85em;">
 <pVotre navigateur Internet Explorer 6 ou 7 présente de sérieuses lacunes en terme de sécurité et de performances.<br />Le site Internet xxxxx sera consultable mais de manière moins optimale qu'avec un navigateur récent.</p>
 <p>Télécharger gratuitement l'un des derniers navigateurs suivants : <a href="http://www.browserforthebetter.com/download.html" style="color: #003d61;">Internet Explorer 9,</a> <a href="http://www.mozilla-europe.org/fr/firefox/" style="color: #003d61;">Firefox 3,</a> <a href="http://www.google.com/chrome?hl=fr" style="color: #003d61;">Chrome,</a> <a href="http://www.apple.com/fr/safari/download/" style="color: #003d61;">Safari.</a></p></div>

Modifié par greg73 (26 Sep 2012 - 12:43)
Salut,

Où as-tu placé ton commentaire conditionnel : à l'intérieur de l'élément head ou dans le corps du document (vu ton premier bout de code montré, je m'interroge) ?

Quant à l'affichage du message sous IE 9, je me pose la question suivante : le site en question est-il un Intranet ? Y a-t-il une meta X-UA-Compatible qui traînerait, par hasard ?
Hello,

Sinon, il y a "l'exemple" de la page d'alsacreations.fr sur laquelle tu peux éventuellement t'appuyer (et qui peut te servir pour version de test sur ton/tes navigateur(s) ) :
<!--[if lte IE 7]>
      <link rel="stylesheet" href="css/styles-ie.css" />
      <div class="alert-ie">
      	<p><strong>Attention ! </strong> Votre navigateur (Internet Explorer 6 ou 7) présente de sérieuses lacunes en terme de sécurité et de performances, dues à son obsolescence.<br>En conséquence, ce site sera consultable mais de manière moins optimale qu'avec un navigateur récent (<a href="http://www.browserforthebetter.com/download.html" style="color: #fff;">Internet Explorer 8+</a>, <a href="http://www.mozilla-europe.org/fr/firefox/" style="color: #fff;">Firefox</a>, <a href="http://www.google.com/chrome?hl=fr" style="color: #fff;">Chrome</a>, <a href="http://www.apple.com/fr/safari/download/" style="color: #fff;">Safari</a>,...)</p>
      </div>
    <![endif]-->
	
	<!-- IE6 CAY LE MAL -->
	<!--[if lte IE 6]> <style type="text/css">img, div { behavior: url(/lib/iepngfix/iepngfix.htc) }	</style> 
	<![endif]-->

Victor est sans doute dans le vrai, ou un mode de compatibilité activé (je dis peut-être une bétise là...tant pis, c'est fait Smiley lol )
Merci de vos réponses :

Pas de balise meta X-UA-Compatible, le site n'est pas en intranet non plus.

Pour le code, il est situé entre les balises <head>et </head>
Modérateur
a écrit :
behavior: url(/lib/iepngfix/iepngfix.htc


hmmm, faire des fixs de ce genre et avertir l'utilisateur que son navigateur est pourri?

Soit je doit supporter un ie6 et on fait des fixs dans tous les sens, et on s'abstient de mettre un commentaire, soit je ne doit pas et alors si il y a un arrière-plan gris crade sur mes png, ben tant pis pour les utilisateurs d'ie6 ^^.
kustolovic a écrit :
hmmm, faire des fixs de ce genre et avertir l'utilisateur que son navigateur est pourri?
Soit je doit supporter un ie6 et on fait des fixs dans tous les sens, et on s'abstient de mettre un commentaire, soit je ne doit pas et alors si il y a un arrière-plan gris crade sur mes png, ben tant pis pour les utilisateurs d'ie6 ^^.

Tu es fâché avec le présent ou tu économises les "s" pour les mettre à la fin de alsacreations? Smiley cligne

Ce n'est pas tout à fait le message véhiculé, et cela n'empêche pas de faire un minimum d'efforts pour que le site ne soit pas complétement "hors de propos" (notamment lorsque le site a quelques années d'existence et que les efforts d'intégration ont déjà été faits).
Il est davantage question de ne pas faire d'efforts supplémentaires pour rendre compatibles ces navigateurs chronophages face aux nouveautés; HTML5 et CCS3 (pour ne citer qu'eux) que de détruire ce qui a déjà été fait, tout en prévenant l'utilisateur que sa navigation pourrait être de meilleure qualité. Smiley cligne
Merci pour vos infos...Concernant le soucis, c'est réglé...Erreur du placement du code, il faut que j'ouvre les yeux moi Smiley ohwell

Sujet résolu!
Sujet clos
Aller à