jquery vertikale align 2 divs

Question

Dies ist, was ich versuche, eine Flüssigkeit Tooltip und einen Knopf zu erreichen

ich habe. Ihre Breite wird durch das Text- und Div-Padding bestimmt. Der Text kann variieren. Wie wäre es möglich, sie über Jquery vertikal auszurichten?

Der Grund, warum ich jquery verwenden möchte, ist die Verwendung von Tabellen und übermäßigem HTML zu vermeiden.

Ich habe versucht, die Breite() -Funktion, aber es gibt nicht die genaue Breite. Ich nehme an, man sollte auch die Polsterung bekommen?

Schließlich bin ich schrecklich mit Zahlen .. Ich bin nicht sicher, welche Formel verwendet werden kann, aber ich vermute, vielleicht dividieren beide div Weiten von 2 und irgendwie zentriert die Mitten?

EDIT: Wenn Sie auf die Schaltfläche klicken, erscheint der Tooltip und ist absolut nicht störend/schieben Sie andere divs.

EDIT: Unfertige jsfiddle.net/Aezb6

Answer 1

die Breite des calloutdiv Get //

widthCallout=$('#calloutdivWidth'); // dies ist dynamisch

teilen diese durch Breite Druckknopf, der konstant ist .

mir gelassen zu bekommen:

left= widthCallout/pushbuttonwidth 

Sie mit paddingLeft Wert rumspielen können + oder - was Ihnen genau in die Mitte gibt:

Answer 2

dieses Beispiel Siehe:

 
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/

müssen Sie nur teilen center_it von 2 bis Holen Sie den halben Punkt des Tooltips.