Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>There is virtually <em>nothing</em> available today that is intended to work correctly with Quirks mode.</p> <p>Quirks mode was obsolete in 2001 -- it's basically an IE5-compatibility mode. If your code is still using it, then it's got a serious problem. By far the best answer would be to upgrade your site not to use quirks mode any more.</p> <p>The good news is that this actually isn't difficult, if you only need to support IE8 and above, because IE8 supports a CSS feature called <a href="https://developer.mozilla.org/En/CSS/Box-sizing" rel="nofollow"><code>box-sizing</code></a>. (This doesn't work in IE6 or IE7, which is why quirks mode has lingered so long, but it's fine in IE8)</p> <p><code>box-sizing</code> is a standard CSS feature that works in all browsers, and allows you to specify the box model to work like quirks mode.</p> <p>The box model is the primary difference between quirks mode and standards mode, so in order to make a site written for quirks mode work in all browsers, simply set the <code>box-sizing</code> across the whole site: the following code should do it:</p> <pre><code>* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } </code></pre> <p>You can then add the doctype and put the site into standards mode, and it should continue to work as before.</p> <p>Once you've done that, you should be able to start using some modern browser features and up-to-date script libraries like the one you're asking about.</p> <p>Hope that helps.</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