Is it possible to force IE to use IE5 quirks mode?
Leave the DTD off and add the following in the <head>
:
<meta http-equiv="X-UA-Compatible" content="IE=5">
From http://www.nczonline.net/blog/2010/01/19/internet-explorer-8-document-and-browser-modes/
Tested as working in IE11 on Win 8.1 and IE10 on Win 7.
For IE10, why the WebBrowser control's default quirks mode is Internet Explorer 5 quirks?
If you want to IE10 web browser control to show page without doctype, you need to set both of the following registry keys to make it work.
Key: HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Main\FeatureControl\FEATURE_BROWSER_EMULATION
Value: yourappname.exe
Type: (DWORD_32Bit value)
Data: 0x2711
Key: HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Internet Explorer\MAIN\FeatureControl\FEATURE_USE_QME_FOR_TOPLEVEL_DOCS
Value: yourappname.exe
Type: REG_DWORD (DWORD_32Bit value)
Data: 1
Forcing a web page into legacy quirks mode for IE10 in ASP.NET
I also fixed the problem. When the page was rendered, it was rendering HTML markup first before the html and head declarations. I made sure this markup was rendered after (which it always should be) and it accepted the meta tag (stated in the OP) just fine.
Doctype and Quirk modes and HTML 5
No. The whole point of quirks mode is that it's a compatibility mode for IE5. This means that in addition to changing the layout mode, it also switches off most of the browser features that have been invented since IE5.
Therefore the blunt answer is no, you cannot mix Quirks mode and HTML5. It just can't happen.
However there is some good news for you: switching from quirks mode to standards mode is actually easier than it looks at first glance.
You don't have to go through your whole site changing all the CSS to suit the different box model, because standards mode does have a CSS feature that allows you to use the quirks mode box model while still remaining in standards mode.
Simply add the following to the top of your CSS code:
* {box-sizing:border-box;}
This will change all your elements to use the quirks mode box model, but your page will still be in standards mode.
This should sort out most (if not all) of the layout issues you've been having.
Hope that helps.
My site opens in quirks mode how to fix it?
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
in head
Does the windows 8 internet explorer 10 still have quirksmode?
IE10 has two quirk modes. The new one is called "Quirks mode" and behaves exactly the same as quirks mode in Firefox and Webkit - you can turn it on by removing <!doctype>
. All HTML5 and other new features work in this mode. Only some minor spec violations are present (not requiring units in CSS dimensions and so on).
The legacy quirks mode is called "IE5 Quirks mode" and behaves as quirks mode in IE9. You can turn it on with X-UA-Compatible: IE=5
HTTP header or <meta http-equiv=X-UA-Compatible content="IE=5">
tag. In this mode, IE renders the page as old IE5.
For better notion, look at how IE renders Acid2 test in new quirks mode:
and IE5 quirks mode:
If your application works also in Chrome and Firefox, you'll probably want to use Quirks mode; if only IE's quirks mode is supported, turn on IE5 quirks mode.
Source: http://blogs.msdn.com/b/ie/archive/2011/12/14/interoperable-html5-quirks-mode-in-ie10.aspx
IE8 and quirks mode
Running a few quick tests that can be found here seem to indicate that blank lines shouldn't throw IE8 into Quirks Mode (which is different to Compatability Mode that everyone seems to be confusing it with).
I wrote a breakdown on how incredibly confusing the different modes of IE8/7 here and I didn't even include Quirks Mode in the breakdown. A detailed description of Quirks mode can be found here (not for the original question, but others might find it interesting.)
Related Topics
Why Not Use Margin Positioning Instead of Using Position:Relative Top 5Px
Can Grid-Row-Gap/Grip-Column-Gap Be Overridden for a Single Gutter
Input Padding Cutting Out Text in Firefox
CSS - Removing Horizontal Space in List Menu Using Display: Inline Property
Normalized CSS, Option in Jsfiddle, How to Add It to Document
Javafx Text Styling for Dynamic Objects
Line-Height Affecting Spacing Above First Line and After Last Line
Pure CSS Speech Bubble with Border
Disable CSS Stylesheet for a Specific Action in Symfony
How to Toggle Two CSS ':Checked' Pseudo-Classes with One Click
@Font-Face Being Ignored by IE7
Can the :Before and :After Pseudo-Elements Inherit Height from the Parent Element
Add Padding Without Changing Overall Width
Sass: Unicode Escape Is Not Preserved in .CSS File
How to Put Custom Content Like a Linebreak Inside P:Column Header