quirks-mode

What is the difference of having a DOCTYPE — and BackCompat vs CSS1Compat mode in Chrome, Firefox, and Safari?

由 ╄→гoц情女王★ 提交于 2019-12-22 13:08:17
问题 I tend to think that without the DOCTYPE , IE will have issues because without the DOCTYPE , it would render items on the page in Quirk mode, using IE's box model. I know we should always put in a DOCTYPE , but the key concern here is, what if for some reason, when we analyze a third party's webpage, or before we knew there is a bug, that if the page doesn't have a DOCTYPE or its DOCTYPE by mistake came after some markup such as <html> and made the DOCTYPE line not take effect, then what is

MSIE8 compatibility mode not rendering dynamically created table

由 南笙酒味 提交于 2019-12-21 21:11:44
问题 A bit weird... ...if running in IE8 quirks mode or in compatibility view mode, the table added by the following code doesn't render. Can anyone tell me why, because it is not obvious to me..? <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script> function AddTable() { var table = document.createElement('table'); var row = document.createElement('tr'); table.appendChild(row); var cell = document.createElement('td'); cell.innerHTML='abc'; row.appendChild(cell); var divContainer = document

AngularJS and quirks mode: blank screen on IE8+

由 断了今生、忘了曾经 提交于 2019-12-21 20:24:40
问题 I'm working on an Angular project that will be included in a HTML page I don't have control on. Actually I only have access to what is inside the <body> element. There are many constraints which are not the easiest to deal with: 1- I can't change the doctype: 2- I can't remove this meta tag: 3- The app has to load an XML file I managed to overcome points 1 and 3 but point 2 gives me a headache ! Here is the error I get when I test on IE8+ (it works fine on IE7 and other browsers): [$sce

jQuery's draggable grid

由 喜你入骨 提交于 2019-12-21 13:09:11
问题 It looks like that the 'grid' option in the constructor of Draggable is relatively bound to the original coordinates of the element being dragged - so simply put, if you have three draggable divs with their top set respectively to 100, 200, 254 pixels relative to their parent: <div class="parent-div" style="position: relative;"> <div id="div1" class="draggable" style="top: 100px; position: absolute;"></div> <div id="div2" class="draggable" style="top: 200px; position: absolute;"></div> <div

why am I triggering quirks mode in IE8?

由 纵饮孤独 提交于 2019-12-19 05:42:29
问题 I'm working on a page that, when I load into IE8 and view the developers tools it tells me that page default is quirks mode. I've got a strict DTD: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> I even went ahead and put in the explicit standards switch, though I didn't think I'd need to: <meta http-equiv="X-UA-Compatible" content="IE=8" /> I can't understand why page default isn't IE8 standards? Only thing I can think of is that to get to this page

Run quirks mode in one frame and standards mode in another?

由 泪湿孤枕 提交于 2019-12-19 05:15:26
问题 I have an old application that uses frames (not iframes) was was written back in the IE6 days so it runs in quirks mode. Is it possible (Using IE 7 or 8) to have one frame still in quirks mode and another in standards mode or must the whole browser be in one mode or another? I've been trying with no success. I've seen this answer, that applies to iframes, but what about plain-old-frames? 回答1: I believe that you don't get the same option with frames as you do with an iframe. As the linked

Doctype and Quirk modes and HTML 5

由 时光总嘲笑我的痴心妄想 提交于 2019-12-18 09:38:43
问题 I am having quite a horrible time. We have a massive site that has no <DOCTYPE> and when I run it with IE10 it goes into quirks mode and after some CSS changes looks ok. As soon as I add echo "<!DOCTYPE HTML>"; The complete site looks terrible and the CSS is not looking as it suppose to. It turns the browser mode to IE10 and docmode to standard. Is there a way to keep HTML 5 functionality but use IE5 Quirks mode or just Quirks mode so the CSS will look correct? 回答1: No. The whole point of

Force IE9 into browser compatibility view

由 徘徊边缘 提交于 2019-12-17 16:57:26
问题 I am aware of how to force IE into viewing a page in document compatibility , but what about browser compatibility view? I have a project that only works when IE9 is in browser compatibility view for various reasons, yet I can't find any resources on how to force IE9 to do so. Everyone only talks about forcing the document compatibility, e.g. using <meta http-equiv="X-UA-Compatible" content="IE=8" /> But that doesn't work in my case, because it only sets the document view . Is there a way to

JQuery class selectors like $(.someClass) are case sensitive?

由 霸气de小男生 提交于 2019-12-17 16:30:22
问题 Given this HTML: <div class="OpenIDSelector">some text</div> Why does this JQuery selector match it on some browsers and some pages, but not on others? $('.OpenIdSelector') NOTE: I ran into this problem and solved it myself, but it was annoying and I didn't find it on StackOverflow already, so I'm posting it as a Q&A pair so someone else won't waste an hour like I did. 回答1: Turns out JQuery's class selector uses the new javascript method getElementsByClassName if the browser supports it. This

Why certain DOCTYPE declarations cause 100%-height tables and divs to stop working?

由 …衆ロ難τιáo~ 提交于 2019-12-17 09:58:47
问题 It seems to me that some DOCTYPE declarations in IE (6-8) may cause the browser to ignore height="100%" on tables and divs ( style="height:100%" ) E.g <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Test1</title> </head> <body> <div style="border: 2px solid red; height: 100%"> Hello World </div> </body> </html> Will render the DIV with the height of the text, it will not stretch. Removing the DOCTYPE declaration
订阅 quirks-mode