Bonjour,
désolé si ceci a déjà été expliqué, mais j'ai beaucoup cherché pour régler mon problème sans vraiment trouver de réponse et donc je me suis créé une solution qui me semble marcher dans tous les cas.
Je voulais créer une page dans laquelle il y a un champ de recherche assistée (après trois lettres tapées, un div propose une suggestion). Sauf que voilà, ce div était en position absolue dû à l'obligation de l'aligner sur le champ de recherche et il devait passer par-dessus de possibles éléments en dessous.
J'ai donc voulu le positionner en affectant à son TOP et à son LEFT les valeurs de offsetTOP et de offsetLEFT du champ de recherche.
À ma grande surprise, les positions étaient différentes sous IE 6 et sous Firefox 3 (pas essayé sur FF 2, le + important était IE6). Enfin bref, il me manquait 100px environ pour le TOP dans IE6 ce qui correspondait environ à la hauteur de ma banière.
J'ai donc fini par en déduire que IE ne calculait pas le offset à partir du haut de la page mais bien à partir du plus haut conteneur (les form ne comptent pas).
La solution, je vous la donne. Il suffit de créer une boucle toute simple qui va additionner chaque offsetTOP de TOUS les offsetParent et l'affecter à TOP.
qqchose dans le genre:
var top = inputText.offsetTop;
var parent = obj.offsetParent;
while(parent != null)
{
top +=parent.offsetTop;
parent = parent.offsetParent;
}
obj.style.top = parseInt(top)+'px';
J'espère que ça va en aider plus d'un. (surtout j'espère avoir été clair )
Étienne Rocheleau
Partager