18041 sujets

Questions générales et questions de débutants

Hack ie6 pour position:fixed

Saut à tous,

Je souhaite avoir une div qui ne bouge pas malgré le scroll. J'ai vite trouvé la position:fixed, mais comme je suis sous ie6 (c'est une contrainte), cette propriété n'est pas supportée.

J'ai trouvé une solution sur Alsacreations. J'ai tenté de la mettre en pratique mais cela ne semble pas fonctionner...

Ma balise semble être en position absolute.

Edit : Sous Firefox, le code fonctionne comme attendu.

Est-ce que j'ai loupé quelque chose?

Merci d'avance.

Voici le code que j'ai utilisé pour tester :
<html>
	<head>
		<title>Test position:fixed ie6</title>
		<style type="text/css">
			div.fixe {position:fixed;}
			
			<!--[if IE 6]>
			div.fixe {
                position:absolute;
				left:expression((ignoreMe = document.body.scrollLeft) + 'px');
				top:expression((ignoreMe = document.body.scollTop) + 'px');
			}
			<![endif]-->
		</style>
	</head>
	<body>
		<div class="fixe">Je teste la position fixe pour une div dans ie6</div>
		C'est du texte <br />
		C'est du texte <br />
		C'est du texte <br />
		C'est du texte <br />
		C'est du texte <br />
		C'est du texte <br />
               (...)
	</body>
<html>

Modifié par Pogo (25 Aug 2010 - 17:42)
Bonsoir,

Déjà, je pense que les lignes suivantes sont incorrectes. J'ai mis en rouge ce qui me semble bizarre, il s'agit du ignoreMe...

a écrit :
left:expression((ignoreMe = document.body.scrollLeft) + 'px');
top:expression((ignoreMe = document.body.scollTop) + 'px');


Voici un exemple en ligne qui pourrait peut être t'aider là dessus (en l'adaptant). Voir plus précisément sur la page la partie Le positionnement fixe dans Internet Explorer 6.

Bonne soirée !
Ton lien n'affiche pas de page... Smiley decu
a écrit :
Impossible d'afficher la page
La page que vous recherchez est actuellement indisponible. Le site Web rencontre peut-être des difficultés techniques, ou vous devez modifier les paramètres de votre navigateur.


Tu vux dire qu'il serait mieux de faire ceci?
left:expression(document.body.scrollLeft + 'px'); 
top:expression(document.body.scollTop + 'px');

Ca ne marche pas non plus...
Modifié par Pogo (26 Aug 2010 - 09:46)
Sujet clos
Aller à