jquery alignement vertical 2 divs

Question

C'est ce que je suis en train de réaliser

J'ai une info-bulle fluide et un bouton. Leur largeur est déterminée par le remplissage de texte et div. Le texte peut varier. Cela dit comment serait-il possible de les aligner verticalement via Jquery?

La raison pour laquelle je veux utiliser jquery est d'éviter d'utiliser des tables et trop de HTML.

J'ai essayé la fonction width() mais elle ne donne pas la largeur exacte. Je suppose que l'on devrait aussi avoir le rembourrage?

Enfin, je suis terrible avec les chiffres .. Je ne suis pas sûr de quelle formule peut être utilisée, mais je soupçonne peut-être diviser les deux largeurs de div par 2 et en quelque sorte centrer les middles?

EDIT: Lorsque vous cliquez sur le bouton, l'info-bulle apparaît et est absolument à ne pas interférer/pousser d'autres divs.

EDIT: Travaux en cours jsfiddle.net/Aezb6~~V~~singular~~3rd

Answer 1

Obtenez la largeur de la calloutdiv //

widthCallout=$('#calloutdivWidth'); // cette dynamique

diviser par la largeur du bouton poussoir qui est constante .

get gauche:

left= widthCallout/pushbuttonwidth 

vous pouvez jouer avec la valeur paddingLeft + ou - ce qui vous donne exactement le centre:

Answer 2

Voir cet exemple:

 
var item = $(".tooltip"); 
var container = $("#container"); 

var position = item.position(); 

var mytop = position.top - container.height() + $(document).scrollTop(); 
var myleft = position.left - container.width() + $(document).scrollLeft(); 

// Correct relative coordinates for IE and WebKIT 
if($.browser.msie || $.browser.webkit){ 
    mytop = position.top - container.height(); 
    myleft = position.left - container.width(); 
} 

container.offset({top: mytop, left: myleft}); 

Answer 3

http://jsfiddle.net/SebastianPataneMasuelli/Aezb6/1/

vous avez juste besoin de diviser center_it par 2 à obtenir le point à mi-chemin de l'info-bulle.