Skip to content

Internet explorer 6 ( IE6 ) et position: fixed quelle galère !!

6 juin, 2009

Hi all,
yjybczh8gi
Encore une fois je suis obligé de passer plus qu’une heure pour fixer l’affichage sous ie6 mais cette fois, il y a une bannière en position:fixed en haut a gauche de la page qui doit être toujours affichée et vu que internet explorer 6 ne comprend pas ce que c’est position: fixed il faut trouver une solution pour remédier à ce problème.

Après une petite googlation :-) voilà en résumé ce qu’on peut utiliser comme alternative a position: fixed sous ie6 :

1- Solution pour corriger le problème d’affichage de position: fixed avec du CSS:

Utiliser les hacks css conditionnels pour mettre position: fixer pour les autres navigateurs a part ie6 et position: absolute pour ie6

<!--[if !IE]><!-->
<a href="lien.php"><img src="images/image.gif" alt="" border="0" style="position: Fixed; top: 0px; left: 0px" /></a>
<!--<![endif]-->
<!--[if IE 6]><!-->
<a href="lien.php"><img src="images/image.gif" alt="" border="0" style="position: absolute; top: 0px; left: 0px" /></a>
<!--<![endif]-->

2- Solution pour corriger le problème d’affichage de position: fixed avec du Javascript:

<style type="text/css">
img{position: fixed; <!--Pour l'affichage normale sous les autres navigateurs a part Internet explorer 6 --->
}
</style>
<!------------------- Pour IE6 -------------->
<!--[if lte IE 6]>
<style type="text/css">
img{
position: absolute;
top:expression(documentElement.scrollTop+body.scrollTop);
}
body {
background: url(null) fixed ;
} </style>
<! endif -->

PS: Pour la deuxième solution il faut que javascript soit activé sur la machine du client

J’ai testé les deux solutions et ça fonctionne nickel :-) mais à la fin j’ai opté pour la deuxième parce que ça m’a paru plus utiles vu que d’après les statistiques plus de 40% d’internautes désactivent javascript sur leurs machines pour éviter les popups.

Articles similaires:

  1. Webmasters: Testez vos pages sous Internet Explorer 6 et toutes les versions de IE
  2. Internet Explorer Déconseillé par les autorité Françaises et allemandes

A propos de l'auteur

Jeune développeur web et expert en SEO. Actuellement à la tête de l'agence de développement des sites Internet Galerie César.

Commentaires

  1. modele masculin mars 31, 2010

    j’apprecie beaucoup ton sens critique.

Trackbacks

  1. Testez vos pages sous Internet Explorer 6 et toutes les versions de IE | Blog Galerie César

Ajouter un commentaire

Required

Required

Optionnel

A propos de ce blog

Blog Galerie César est un blog qui parle de tous ce qui tourne autour du développement web et ses différentes technique comme le XHTML, CSS, PHP, JQuery...
Le blog parle également des techniques de référencement et d'optimisation des sites pour les moteur de recherches (SEO) et dans quelques parties on parle aussi de la sécurité informatique et la sécurité des sites web.
Pour me contacter: contact (me at) galerie-cesar.com.

Recent Comments

@GalerieCesar

Astuce

Pour monétiser son blog, vendre des liens de texte est un bon moyen si on ne veut pas mettre trop de banniéres sur le blog. Mais, on devrait toujours faire attention que les pages référencées soient pertinentes.s

Si vous souhaitez vous orienter vers les métiers de l'informatique, n'hésitez pas à consulter JobiJoba qui regroupe toutes les offres d'emploi du secteur, vous pouvez chercher par techno : jQuery, Php, Java... Selon vos recherches d'emploi en informatique, vous obtenez des suggestions de postes.

Liens

Switch to our mobile site