Question

We know the wrong doctype can affect the centered position of
Colorbox. Even after changing the doctype locally, there was no
difference.

Facebook seems to keep Colorbox from appearing centered in the screen
on long pages.

Reproduce:

1) Visit http://apps.facebook.com/tekiki_tickets/fb/53–15-Fridays-Beach-Party

2) Click the “More” link in the description to elongate the page.

3) Buy a ticket. Colorbox appears off screen.

However, the same code works fine on a non-FB page: http://www.tekiki.com/fb/53–15-Fridays-Beach-Party

Any clues?

Thanks!

Answer 1

I had the best luck in fixing this in using the latest Colorbox code from GitHub, and making sure to do this:

var cbox = $.colorbox(...);

Rather than just:

$.colorbox(...);