Return to Snippet

Revision: 10288
at December 16, 2008 08:05 by ginoplusio


Initial Code
var elt         = $('ID_DIV_TO_CENTER');

// retrieve required dimensions
var eltDims     = elt.getDimensions();
var browserDims = document.body.getDimensions();

// calculate the center of the page using the browser and element dimensions
var y  = (browserDims.height - eltDims.height) / 2;
var x = (browserDims.width - eltDims.width) / 2;

// set the style of the element so it is centered
var styles = { position : 'absolute',
	top      : y + 'px',
	left     : x + 'px' };

elt.setStyle(styles);
elt.scrollTo();

Initial URL
http://www.barattalo.it/

Initial Description


Initial Title
javascript to center a div with prototype.js

Initial Tags
javascript, center

Initial Language
JavaScript