jackmoore/colorbox — Issue #131: Top Right Corner is Positioned to the Left, below the Top Left Corner
Author: tommyh
Created: 2011-11-03 22:51:27+00:00
State: open

I am seeing an interesting issue where the top right corner is being positioned in the wrong spot. Here's a screenshot: http://i40.tinypic.com/1pulx2.jpg

That screenshot is from Chrome 15 on OS X, but we have also seen it on FF 7 (and older versions too, i think it was 6 but I'm not certain). We are using ColorBox v1.3.17.2 (which is the version before your October changes).

In your FAQ, you say that weird issues can happen for one of two reasons:
1. colorbox.css isn't loaded before colorbox.js
2. doctype issues.

I have ruled out No. 1 because our css is loaded in < head >, and all js is loaded at the bottom of the < body >. Also, colorbox is only launched after the document is ready.

No. 2 seems interesting, but the issue doesn't reproduce itself consistently. In FF, we saw it once and then didn't see it again...

I am more than willing to try to doctype fix, but before I go down that road I want to ask you if my screenshot sounds like one of the "behaving strangely" issues you mentioned. Or does this sound like a different issue?

Some notes about how we're launching colorbox:

$.colorbox({
innerWidth: "671px",
innerHeight: "559px",
opacity: 0.6,
iframe: true,
iframeId: "colorboxIframe",
onCleanup: function() {
.. some cleanup code here...
},
href: function() {
return modalHref;
}
});