Issues with jQuery.width () in IE 8

Question

I'm having problems with container size in jQuery using width(), outerWidth(), innerWidth()

If you download this URL in IE8 , it gives me a width of over 30,000, while every other browser is around the 1100 mark, which is the correct value.

This causes problems with the slider, since this width value is used to perform all kinds of other calculations regarding individual changes to the slider.

I left a warning for you to see the width of discrepencacies, and it is called in a div with an id container.

Specific jQuery call (no conflicts due to other plugins):

alert(jQuery_1_6_2('#container').width());

I saw several other posts mentioning outerWidth() and innerWidth() , but they also don't give me the correct values.

I suppose this could be due to IE, perhaps thinking that all the sliders are in a row, but still they are only 600 pixels wide, so I only get a value of about 3600 pixels not 30,000 pixels +

I also cannot use a fixed width that could solve my problem because it was responsive. The best I can achieve is to set the maximum width value to #container, but I still don't get the exact value for the width value.

Answer 1

Try using $(window).load(function(){...}); instead of the finished document.

If it still does not work, then this may work using a timer so that the DOM is fully displayed:

 jQuery_1_6_2(document).ready(function () { setTimeout(function () { alert(jQuery_1_6_2('#container').width()); jQuery_1_6_2('#accordion-wrapper').raccordion({ speed: 1000, sliderWidth: jQuery_1_6_2('#container').width(), sliderHeight: 360, autoCollapse: false }); }, 100); });