Comments on: Simple Vertical Align Plugin for jQuery

By: Rogerio Girodo Marques

Rogerio Girodo Marques — Wed, 17 Mar 2010 23:23:10 +0000

This work, but maybe you have the margin collapse issue. If this is the case. Put this line before the margin-top line.

$(this).parent().css(‘padding-top’, ‘1px’);

By: Zack Katz

Zack Katz — Thu, 18 Feb 2010 00:28:20 +0000

That makes sense. You could also do if(mh != 0)...

By: Rafa Librenz

Rafa Librenz — Thu, 18 Feb 2010 00:25:20 +0000

Oh my god, this code is delicious!!

But… I changed it.

if (mh < 0) {
	$(this).css('margin-top', mh);
};

By: Raven Matt

Raven Matt — Tue, 05 Jan 2010 01:22:58 +0000

I am having problems with multiple instances and I’m not that great with jquery. The first element positions but the rest don’t unless I refresh the browser.
Is where the .each ( ) functionwould come into play? If so where would it be placed in the code?

By: Joshua

Joshua — Wed, 23 Dec 2009 00:37:04 +0000

Yes, I know this guy, and he’s not kidding about being a technical idiot!

By: exeQutor

exeQutor — Tue, 03 Nov 2009 03:45:34 +0000

Nice plugin. Really saved me a lot of trouble.
I found one similar, although probably a copy/an enhancement based from yours:
http://cool-javascripts.com/jquery/vertical-alignment-of-contents-inside-an-element-using-jquery.html

By: papaman

papaman — Fri, 02 Oct 2009 08:38:21 +0000

nice function mate.

I changed my code from:

$(this).css(‘margin-top’, mh); to
$(this).css(‘padding-top’, mh);

because I was having some problems with a UL list. My html code is:

Blah Blah Blah

and I use $(“.valign”).vAlign(); on the

By: Zack Katz

Zack Katz — Thu, 24 Sep 2009 18:20:53 +0000

It should, yep. I believe you'll want to use the following code: $("div.ProductImage img").vAlign();

By: Youssef

Youssef — Thu, 24 Sep 2009 18:17:31 +0000

Hi Zack,

I have a problem with my website wich is still in developpement, I’m trying to understand all the basis, the problem is that all my subcatergories are not aligned (click on “piscines” to access the differents subcategories, so you will see that the images are aligned but not the titles. Will your tips work?

thanks for you help
Youssef

By: Keith

Keith — Thu, 03 Sep 2009 13:07:11 +0000

If you want the item to be vertically aligned to the window (i.e the parent of the element you want to align vertically is BODY), then change:

$(this).parent().height();
to
$(window).height();

Thats all! (Note that this will make the code only work in this instance though)