Also known as the full standards mode.
Also known as the almost standards mode.
Also known as the mode you should not use.
This test requires JavaScript.
This page allows you to check what kind of layout mode is triggered when a page is served with a certain DOCTYPE and content type combination. This page has no value in pre-IE6 browsers as all of those could only render in quirks mode.
Test itself is rather simple: first level test is to see whether document.body's clientWidth and offsetWidth are the same. They always match in not quirk modes, ie. the so-called standards mode. There are actually a separation to two "standards" modes: no quirks and limited quirks. To ensure the browser is in either standards mode, the CSS parsing behavior is checked for: incorrect color values should be omitted.
Finally, to distinguish between the two standards modes, a check for table cell height with a single 1px image is ran: the cell should be the height of the text, if it instead is only 1 pixel then we are in the limited quirks mode and not in the no quirks mode.
The page switches between HTML and XHTML output depending on whether it should be well formed XML or not. The HTML/XHTML validates with the most common DOCTYPEs. The CSS does not validate as invalid CSS is required by the test.
Similar test for XHTML 1.1 with XML and XSLT served as application/xml (because you can't serve application/xhtml+xml to Internet Explorer).
This page tests for layout mode used by the browser with a given DOCTYPE.
There are three modes: quirks mode, limited quirks mode and no quirks mode.
Internet Explorer 7 and 6 don't have a real non-quirks mode, it is similar to the limited quirks mode of the other browsers. IE 5.5 and before only have a quirks mode.
Test is done via automatic CSS validity and JavaScript checks. Incorrect behavior reveals quirks mode or limited quirks mode.
Page author: Vesa Piittinen
|