IE 6 NO-MORE

De quoi s'agit t'il ?

Internet Explorer 5/6/7 sont réputés pour être des navigateurs peu sécurisés, peu compatibles avec les standards HTML et peu performants. Ceci a tendance a poser des problèmes pour l'affichage des sites, mais également leur image aux yeux des visiteurs. Il existe toutefois un moyen d'y remédier en alertant les internautes sur la péremption de leur navigateur.

Notez toutefois que certains utilisateurs, notamment dans les entreprises, ne peuvent pas modifier leur navigateur car il leur est imposé, auquel cas le fait de les alerter peut devenir une gêne.

Solution

Il suffit d'insérer ce code sur votre source HTML après </head>.

Le code est paramétrable, sous plusieurs langues. Vous pouvez tout comme moi, optimiser le code pour le rendre moins lourd ce qui peut donner ceci :

<!--[if lt IE 7]>
	<div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'>
		<div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'>
			<div style='width: 75px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/>
			</div>
			<div style='width: 275px; float: left; font-family: Arial, sans-serif;'>
				<div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>Vous utilisez un navigateur dépassé voir périmé. Ne soyez pas de même.
				</div>
				<div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>Pour une meilleur expérience du web, téléchargez un navigateur moderne comme Firefox&nbsp;:
				</div>
			</div>
			<div style='width: 75px; float: left;'><a href='http://www.firefox.com' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Get Firefox 3.5'/></a>
			</div>
		</div>
	</div>
<![endif]-->

Conséquence

Ce code affichera la bannière orange de l'image ci dessus sur votre page web, seulement si le visiteur possède Internet Explorer 6 ou inférieur. Cela aidera les internautes à voir que leurs navigateur est périmé, et donc qu'ils courent un risque, mais aussi, ça permet à l'internet d'évoluer : IE6 à presque 10 ans mais encore trop utilisé.

Il est complètement dépassé sur le plan technologique. D'autres codes sont disponibles ici : http://www.ie6nomore.com/code-samples.html

A vous de jouer maintenant ;-) Ce document intitulé « Insérer un message alerte IE6 sur son site » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.