Jquery.vAlign

JavaScript
1

Hello,

I try to vertically center a div in a wrapper… For this I was trying jquery.vAlign:




$(document).ready(function (e) {
	$('#wrapper').vAlign();
	$('#content').vAlign();
});

The problem I have that I need to have a header at the top of the page and the footer at the bottom of the page. But since I need to use the vAlign() on the wrapper everything is centering vertically, unless I use position absolute on header and footer. But that restricting me in many other things is there a work around for this or any other plugin I can use for this purpose

2

Hi,

Are you trying to do something like this (no js needed).

3

Hi Paul. I can indeed work with that. I haven’t thought about having the property table-cell for the header and footer. Very smart!