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.

Share the Post:
Share on facebook
Share on twitter
Share on linkedin


The Latest

microsoft careers

Top Careers at Microsoft

Microsoft has gained its position as one of the top companies in the world, and Microsoft careers are flourishing. This multinational company is efficiently developing popular software and computers with other consumer electronics. It is a dream come true for so many people to acquire a high paid, high-prestige job

your company's audio

4 Areas of Your Company Where Your Audio Really Matters

Your company probably relies on audio more than you realize. Whether you’re creating a spoken text message to a colleague or giving a speech, you want your audio to shine. Otherwise, you could cause avoidable friction points and potentially hurt your brand reputation. For example, let’s say you create a

chrome os developer mode

How to Turn on Chrome OS Developer Mode

Google’s Chrome OS is a popular operating system that is widely used on Chromebooks and other devices. While it is designed to be simple and user-friendly, there are times when users may want to access additional features and functionality. One way to do this is by turning on Chrome OS