Browse DevX
Sign up for e-mail newsletters from DevX

Tip of the Day
Language: Web
Expertise: Beginner
Jan 19, 1999



Building the Right Environment to Support AI, Machine Learning and Deep Learning

Detecting the Browser Window Size With DHTML

Some users always maximize their browser window, while others like to keep it small. Not knowing the size of the client window can cause formatting problems for HTML pages; tables may contract, and text may wrap in strange ways. If your site visitor is using a version 4.0 or higher browser, it's possible to detect the browser window's height and width with JavaScript.

Microsoft Internet Explorer and Netscape Navigator do this slightly differently, so you'll need to first detect the browser type and then set up the following variables:

For Internet Explorer:

var BrowserHeight = document.body.clientHeight;
var BrowserWidth =  document.body.clientWidth;
For Netscape Navigator:
var BrowserHeight = window.innerHeight;
var BrowserWidth = window.innerWidth;
With those variables in hand, you can lay out the page more effectively and reduce wasted space.
Steve Renaker
Comment and Contribute






(Maximum characters: 1200). You have 1200 characters left.



Thanks for your registration, follow us on our social networks to keep up-to-date