Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>Well, i'll try to chip in some.<br> the following website: <a href="http://www.quirksmode.org/dom/w3c_cssom.html" rel="nofollow noreferrer">http://www.quirksmode.org/dom/w3c_cssom.html</a> used to host the following code [although they've taken it down I guess =/ but it functions well, and i've been using it in almost all of my projects] </p> <pre><code>function getClientWidth() { if( typeof( window.innerWidth ) == 'number' ) { return window.innerWidth; } else if( document.documentElement &amp;&amp; ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { return document.documentElement.clientWidth; } else if( document.body &amp;&amp; ( document.body.clientWidth || document.body.clientHeight ) ) { return myWidth = document.body.clientWidth; } } function getClientHeight() { if( typeof( window.innerWidth ) == 'number' ) { return window.innerHeight; } else if( document.documentElement &amp;&amp; ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { return document.documentElement.clientHeight; } else if( document.body &amp;&amp; ( document.body.clientWidth || document.body.clientHeight ) ) { return document.body.clientHeight; } } </code></pre> <p>Note that getting the internal width of the browser [the window's size excluding the chrome] is different for many browsrs, as you can see in the code. </p> <p>You must follow this by doing an if/switch to format your page depending on what you want to do [css styling's positoin = absolute, left, top,] clamp the width/height or you'll get the result of acid3 when it runs on IE =) [anyone get that joke? heh?]</p> <p>Note that if you use my method, IE dislikes you and er... divs[your columns] tend to overlap. Sadly, the safest way to do anything in your situation is by using a table. However, most "modern" web developers tend to dislike table for laying out your website [in fact, some consider it to be deprecated]</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload