vertical align div dans une div à l'aide de jquery?

Quelqu'un a une expérience avec jquery vAligh plugins ou similaires?

J'ai essayé d'aligner pour la suite mais il ne parvient pas.. j'ai été en utilisant un simple valign plugin (je vais mettre le plugin à la fin, c'est une extension jquery), si quelqu'un peut aider ce serait vraiment utile...

var overlayLayer = $("<div id='office-location'></div>").addClass('modal-overlay');
$('body').append(overlayLayer);

$('<div id="content-for-overlay" style="background-color: white;"></div>').appendTo(overlayLayer);

this.render({ to: "content-for-overlay", partial: "office-location-modal" }); //this just copies html into the layer

$('#content-for-overlay').vAlign(); THIS USES a plugin called valign but it doesn't align

$("body").css("overflow", "hidden");
$('#office-location').css("opacity", 0.8).fadeIn(150);
$('#content-for-overlay').css("opacity", 1);

heres le FN extension..

(function($) {
$.fn.vAlign = function() {
    return this.each(function(i) {
        var h = $(this).height();
        var oh = $(this).outerHeight();
        var mt = (h + (oh - h)) / 2;
        $(this).css("margin-top", "-" + mt + "px");
        $(this).css("top", "50%");
        $(this).css("position", "absolute");
    });
};

})(jQuery);

  • Merci à tous, j'ai finalement opté pour le suivant en fin de compte, ce n'est pas sans erreurs, mais il y a des corrections dans les COMMENTAIRES, il des erreurs dans IE mais avec des corrections de son bien...... code.google.com/p/jquerydevbrazil/wiki/jQueryCenterPlugin peut-être qu'il sera de someuse à quelqu'un d'autre
InformationsquelleAutor mark smith | 2009-06-08
  1. 6

    Vous pouvez essayer d'utiliser un CSS technique à la verticale du centre d'éléments, comme le montre ici.
    Je crois que la méthode est cross-browser, mais malheureusement, cela ajoute une div à votre balise.

    Il serait assez facile d'appliquer cette css pour le balisage à l'aide de jQuery, à l'aide de $().css()

    InformationsquelleAutor Donald Harvey