Pregunta

¿Cómo centrar un DIV usando la librería Prototype?

Responder esta pregunta por dudin el 2008-12-18

Quiero posicionar una capa al centro de la página y estoy usando Prototype. ¿Alguna idea de cómo hacerlo?

Respuestas

var elt = $('id_del_div_a_centrar');
// Tomar las dimenciones del elemento  body
var eltDims = elt.getDimensions();
var browserDims = document.body.getDimensions();
// Cálculo del centro de la página
var y = (browserDims.height - eltDims.height) / 2;
var x = (browserDims.width - eltDims.width) / 2;
// Colocando estilos al elemento a centrar
var styles = { position : 'absolute', top : y + 'px', left : x + 'px' };
elt.setStyle(styles);
elt.scrollTo();