JQuery - Document width/height - Different values from different browsers

Question

var maskWidth = $(window).width();
alert(maskWidth);

I get 1263 from chrome and firefox (which is 1280 in fact, but with scroll it write a less value). IE print 1259.

How can I fix this problems with JQuery?

Greg · Accepted Answer · 2010-12-20 11:53:03Z

4

This isn't a problem with jQuery, it is returning the value of the displayable portion of your website.

You need to be looking at .innerWidth() here which will return results closer to which you require.

answered Dec 20, 2010 at 11:53

Greg

22k17 gold badges89 silver badges110 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

markzzz Over a year ago

Thanks. But : This method is not applicable to window and document objects; for these, use .width() instead.

Mohan Ram · Accepted Answer · 2010-12-20 12:17:28Z

1

$.clientCoords = function(){
    if(jQuery.browser.msie){
        return {
            w:document.documentElement.offsetWidth,
            h:document.documentElement.offsetHeight
        }
    }
    else
        return {w:window.innerWidth, h:window.innerHeight}
}

This function returns the height and weight of browser or current window

answered Dec 20, 2010 at 12:17

Mohan Ram

8,47125 gold badges86 silver badges132 bronze badges

Collectives™ on Stack Overflow

JQuery - Document width/height - Different values from different browsers

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related