ansaurus

Question

Answer 1

A:

Is your code wrapped in a ready function? I've seen instances where code that works in FF/Safari fails in IE because IE seems to load the DOM more slowly. In those cases it almost always turns out that I've failed to wrap the code in a ready function.

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

tvanfosson 2010-05-10 11:47:36

hi , thanks for the reply...no sadly its in a ready $(document).ready(function() { $('a[rel="preview"]').colorbox({ photo: true, maxWidth: '95%', maxHeight: '95%', photoScaling: true });});basically the page is a list of media images.. and when you click one it gives you the preview and allows you to scroll through ones on the page.. well it does in FFtook a little screenshot as it was shrinking the overlay thingyhttp://www.dumpt.com/img/viewer.php?file=7s2zwoxozzf7666h0fzc.pngso that is getting smaller to nothing, then that is all it does

nat 2010-05-10 11:59:33

@nat - Perhaps it's not waiting on the images to load and calculating sizes incorrectly in IE? Try something simple, like delaying the set up for a minute (to give the images a chance to load). `$('a...').delay(60000)...` or setTimeout( function() { $('a...') }, 600000 );` If that works, then you may need to adjust your code to either detect when the images are loaded or use a container with some minimum size.

tvanfosson 2010-05-10 12:24:27

@nat s/600000/60000/g

tvanfosson 2010-05-10 12:57:23

ok i have now replaced the colorbox js and css, and it may in fact be a css problem, although i cant see whyusing completely standard bits..using the new standard css the image does actually load, but overlay dies and some other bits dont look quite righthow i hate IE is absolute rubbishthanks v much for your help and suggestions

nat 2010-05-10 12:57:52

Answer 2

A:

Try an XHTML strict doctype...?

danp 2010-08-05 09:14:12

ansaurus

tags:

views:

answers:

colorbox in IE8 throwing a wobbly

related questions