Comments on: Horizontally and vertically center a box in the browser window http://www.swedishfika.com/2008/02/24/horizontally-and-vertically-center-a-box-in-the-browser-window/ Just another WordPress weblog Fri, 02 Dec 2011 15:11:43 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: Simon http://www.swedishfika.com/2008/02/24/horizontally-and-vertically-center-a-box-in-the-browser-window/comment-page-1/#comment-13221 Simon Sun, 01 May 2011 10:08:05 +0000 http://swedishfika.com/2008/02/24/horizontally-and-vertically-centre-a-website-in-the-browser-window/#comment-13221 @Antoxa I think one approach is to use a javascript to dynamically set margin-top. This is quite easy if you use jQuery or Prototype. With Prototype you should be able to do something like this: Event.observe(window, 'load', function(e){ $$('.box').each(function(node){ node.setStyle({ marginTop: '-' + (node.getHeight()/2) + 'px' }); }); }); And you should probably round the node.getHeight()/2 calculation above so you don't end up with decimals. @Antoxa I think one approach is to use a javascript to dynamically set margin-top. This is quite easy if you use jQuery or Prototype. With Prototype you should be able to do something like this:

Event.observe(window, ‘load’, function(e){
$$(‘.box’).each(function(node){
node.setStyle({
marginTop: ‘-’ + (node.getHeight()/2) + ‘px’
});
});
});

And you should probably round the node.getHeight()/2 calculation above so you don’t end up with decimals.

]]> By: Antoxa http://www.swedishfika.com/2008/02/24/horizontally-and-vertically-center-a-box-in-the-browser-window/comment-page-1/#comment-13196 Antoxa Fri, 29 Apr 2011 14:43:04 +0000 http://swedishfika.com/2008/02/24/horizontally-and-vertically-centre-a-website-in-the-browser-window/#comment-13196 If box without fixed height? If box without fixed height?

]]> By: Atul http://www.swedishfika.com/2008/02/24/horizontally-and-vertically-center-a-box-in-the-browser-window/comment-page-1/#comment-2788 Atul Fri, 27 Mar 2009 09:06:08 +0000 http://swedishfika.com/2008/02/24/horizontally-and-vertically-centre-a-website-in-the-browser-window/#comment-2788 Thanks a lot man... for your nice and simple explanation.... Thanks a lot man… for your nice and simple explanation….

]]>