ansaurus

Question

How to tell if a browser is in "quirks" mode?

Answer 1

+7 A:

In Firefox and Opera you can determine if your browser is in "quirks mode" by checking page info.

Using document.compatMode, will tell you the mode you are in with most browsers.

Chris Ballance 2009-03-09 17:02:44

Answer 2

+1 A:

If you tell IE that it should be strict (via doctype) it will not change its mind halfway through the page.

jeffamaphone 2009-03-09 17:02:58

Answer 3

+3 A:

According to http://www.quirksmode.org/css/quirksmode.html : "The problem was that some pages written in quirks mode did have doctypes. Therefore each browser has its own list with doctypes that trigger quirks mode. See this browser comparison chart for an overview of these lists : http://hsivonen.iki.fi/doctype/"

Hope this helps

Sébastien Nussbaumer 2009-03-09 17:06:56

Answer 4

+1 A:

The full answer to your actual specific question of 'Is one single error enough to force it or do you have some leeway?' is that it totally depends on the error. For example,

<!-- Comment -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;

will force quirks mode in IE 6 & 7 despite not really ebing an error (they just throw a total wobbly when the very first line of the file is not a declaration). A quick list of types/quirks can be found here

Try sticking the following line in your HTML for testing (very bad javascript behavious I'm passing on here - sorry...make sure this never goes live :)

<a href="javascript:alert(document.compatMode);">What mode am I?</a>

Steerpike 2009-03-09 17:23:24

Answer 5

+1 A:

If I understand quirks mode correctly, a page that does not validate against its declared doctype is not enough to trigger quirks mode. It just won't display correctly.

The best resource I've found for determining how different browsers handle each doctype is here.

Bill the Lizard 2009-03-09 17:23:30

Answer 6

+4 A:

As you can query the render mode in JavaScript you can have a Bookmarklet which will tell you which render mode a page is using.

I found this render mode bookmarklet which works well for me:

javascript:m=(document.compatMode=='CSS1Compat')?'Standards':'Quirks';window.alert('You%20are%20in%20'%20+%20m%20+%20'%20mode.');

Dave Webb 2009-10-30 09:53:05

Very useful. Thanks.

Simon P Stevens 2009-11-03 15:06:52

ansaurus

tags:

views:

answers:

How to tell if a browser is in "quirks" mode?

related questions