{"issue":{"state":"open","pull_request":{"diff_url":null,"html_url":null,"patch_url":null},"user":{"avatar_url":"https://secure.gravatar.com/avatar/fb6ab0fa69b5955a596dd4e517f2d4cf?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png","gravatar_id":"fb6ab0fa69b5955a596dd4e517f2d4cf","url":"https://api.github.com/users/tommyh","login":"tommyh","id":348581},"milestone":null,"labels":[],"updated_at":"2011-11-04T07:49:47Z","assignee":null,"comments":2,"closed_at":null,"url":"https://api.github.com/repos/jackmoore/colorbox/issues/131","body":"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\r\n\r\nThat 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).\r\n\r\n\r\nIn your FAQ, you say that weird issues can happen for one of two reasons:\r\n1. colorbox.css isn't loaded before colorbox.js\r\n2. doctype issues.\r\n\r\nI 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.\r\n\r\nNo. 2 seems interesting, but the issue doesn't reproduce itself consistently.  In FF, we saw it once and then didn't see it again...\r\n\r\n\r\n\r\n\r\nI 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?\r\n\r\n\r\nSome notes about how we're launching colorbox:\r\n\r\n      $.colorbox({\r\n        innerWidth: \"671px\",\r\n        innerHeight: \"559px\",\r\n        opacity: 0.6,\r\n        iframe: true,\r\n        iframeId: \"colorboxIframe\",\r\n        onCleanup: function() {\r\n          .. some cleanup code here...\r\n        },\r\n        href: function() {\r\n          return modalHref;\r\n        }\r\n      });","html_url":"https://github.com/jackmoore/colorbox/issues/131","number":131,"title":"Top Right Corner is Positioned to the Left, below the Top Left Corner","id":2138655,"created_at":"2011-11-03T22:51:27Z"},"action":"created","comment":{"user":{"avatar_url":"https://secure.gravatar.com/avatar/ff8f4d60e37abfd3870391aa2966c188?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png","gravatar_id":"ff8f4d60e37abfd3870391aa2966c188","url":"https://api.github.com/users/jackmoore","login":"jackmoore","id":59797},"updated_at":"2011-11-04T07:49:47Z","url":"https://api.github.com/repos/jackmoore/colorbox/issues/comments/2628055","body":"Every time I've seen that it's been due to CSS not being properly\r\nloaded prior to the script being available.  The CSS should be in the\r\nhead of your document (like you've done) and before the\r\njquery.colorbox.js file.  Even if you are assigning colorbox to your\r\npage elements at the bottom of your body element, the script file\r\nstill needs to be loaded after the CSS.  If you are using @import to\r\nload colorbox's styles, you may want to avoid that.\r\n\r\nOn Thu, Nov 3, 2011 at 5:51 PM, tommyh\r\n<reply@reply.github.com>\r\nwrote:\r\n> 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\r\n>\r\n> 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).\r\n>\r\n>\r\n> In your FAQ, you say that weird issues can happen for one of two reasons:\r\n> 1. colorbox.css isn't loaded before colorbox.js\r\n> 2. doctype issues.\r\n>\r\n> 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.\r\n>\r\n> 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...\r\n>\r\n>\r\n>\r\n>\r\n> 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?\r\n>\r\n>\r\n> Some notes about how we're launching colorbox:\r\n>\r\n>      $.colorbox({\r\n>        innerWidth: \"671px\",\r\n>        innerHeight: \"559px\",\r\n>        opacity: 0.6,\r\n>        iframe: true,\r\n>        iframeId: \"colorboxIframe\",\r\n>        onCleanup: function() {\r\n>          .. some cleanup code here...\r\n>        },\r\n>        href: function() {\r\n>          return modalHref;\r\n>        }\r\n>      });\r\n>\r\n> ---\r\n> Reply to this email directly or view it on GitHub:\r\n> https://github.com/jackmoore/colorbox/issues/131\r\n>\r\n\r\n\r\n\r\n-- \r\nJack Moore\r\njacklmoore.com\r\ntwitter.com/jacklmoore","id":2628055,"created_at":"2011-11-04T07:49:47Z"}}