Connaitre la position d'un input

Bonjour,
Je cherche le moyen d'obtenir la position de mon input dans le but de faire apparaitre une bulle informative si son contenu n'est pas correct.

J'ai bien trouvé sur le net les fonctions offset, celle ci retourne bien la position mais il y a un problème :
Lorsque je développe sur un écran 4/3, la bulle est un peut decaler, et lorsque je mets la page sur un ecran 16/9, c'est pire.

Le probleme vient du fait que mon conteneur ne prend pas toute la largeur de l'ecran, et du coup je me retrouve avec une marge plus ou moins important sur la gauche,
ma question est donc la suivante, peut on savoir quelle est la marge de gauche entre le bord gauche de mon ecran et mon div conteneur ?

merci d'avance

offsetTop et offsetLeft avec eventuellement une boucle pour le parent il y a un post dans les contributions ou la faq à ce propos

http://javascript.developpez.com/faq...script#coordXY

oui, j'avais lu sur certains forum la mise en place d'une boucle, mais le probleme vient surement du fait que mon conteneur est par exemple de largeur 960px, avec en css un margin left et right sur auto pour centrer le tout. et du coup, j'ai pas la marge de gauche entre le bord gauche de l'ecran et mon conteneur, j'ai la marge gauche du input par rapport a la marge gauche du conteneur (son parent).

d'ou le script recursif qui ramètre le left par rapport au body ...
et tu places ton tooltip en absolute

ou alors tu appendes ton tooltip dans le même conteneur que son declencheur et tu mets une position en em ...