Comments on: Modalbox & Lightbox conflicts

By: Jeffrey Warren

Jeffrey Warren — Wed, 02 Jul 2008 00:23:36 +0000

Hey, i found on line 412 of modalbox.js:

Element.setStyle(this.MBwindow, {left: Math.round((Element.getWidth(document.body) - Element.getWidth(this.MBwindow)) / 2 ) + “px”});

But I and i’m sure others often give the XHTML body a CSS style of width, and “margin:0 auto;” which makes the page horizontally centered but with a body of fixed width. By changing line 412 to:

Element.setStyle(this.MBwindow, {left: Math.round((Element.getWidth(document.viewport) - Element.getWidth(this.MBwindow)) / 2 ) + “px”});

I got it to center correctly.

By: Ian

Ian — Fri, 01 Feb 2008 14:56:33 +0000

I actually discovered this same issue and resolved it before reading this article (but the article could have saved me a lot of time). I fixed the issue by removing lines 100-103 from lightbox.js and both Lightbox and Modalbox seem to work fine. I also sent an e-mail to the author documenting the issue.

By: Seandy

Seandy — Tue, 22 Jan 2008 16:44:58 +0000

God job Andrew, i got the problem too,
So what do i have to fix that?

Do i have to ask that developer to rewrite his code?

By: Dan

Dan — Thu, 10 Jan 2008 00:54:18 +0000

How do you resolve the problem?

By: Dmitry Sabanin

Dmitry Sabanin — Wed, 23 May 2007 23:58:28 +0000

Nice catch.