Blog astuces web et SEO

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.