Colorbox in IE8 throws shaky

Question

This issue occurs in Firefox and Chrome, but Safari is fine. IE8, however, in compatibility mode or not, does not load the overlay at the top (it just sits at the top, scrolling the content down - although I think this is because the overlay is at the top of the markup).

It also does not show the image I'm trying to show, but reduces the overlay loading image to zero in the upper left corner of the screen. I use the standard colorbox-min and CSS that comes with this.

The markup check in the IE8 developer tools seems to suggest that the content is not actually loading in the cboxLoadedContent div.

$(document).ready(function() { $('a[rel="preview"]').colorbox( { photo: true , maxWidth: '95%' , maxHeight: '95%' , photoScaling: true } ); }); 

basically the page is a list of multimedia images, and when you click one, you get a preview and allows you to scroll the pages on the page well, at least he took a little screenshot in FF because it reduced the overlay thing http: // dumpt. com / img / viewer.php? file = 7s2zwoxozzf7666h0fzc.png

Does anyone have any idea?

I expect that my explanations are not great, so maybe I can make a film or something in this case.

Answer 1

Is your code complete in a finished function? I saw examples where code that runs in FF / Safari fails in IE, because IE seems to load the DOM more slowly. In such cases, it almost always turns out that I could not wrap the code in the finished function.

 $(function() { // the important bit $('.colorbox').load('...').colorbox(); }); 

Answer 2

Try the strict doctype XHTML ...?

Answer 3

I experienced the same symptoms, but in my case it spread to all browsers.

One of the reasons was that I did not use the CSS file that I use for pages using colorbox.

Another reason: I upgraded to the newest version of jQuery, but did not update colorbox. (Also, if you update your jquery include, make sure you also update jquery vs doc - if you even use it).

Hope this helps.

Answer 4

Search your column files:

 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader 

There will be several instances, each of which points to png. Make sure the path to this png is correct, then check it again.

I am pretty sure that I had this exact problem at some point, and fixing the paths was all I needed to do. However, this has been a while, so my memory is a bit fuzzy.

Answer 5

I had the same problem. I also had the problem that the image was only 10 pixels wide due to IE not liking the maximum CSS width set to 100%. To alleviate the problem, I add the following to my CSS.

 .cboxIE img { max-width:none; _max-width:none; }