{"id":13,"date":"2010-06-09T16:19:13","date_gmt":"2010-06-09T07:19:13","guid":{"rendered":"http:\/\/santoshkori.com\/blog\/?p=13"},"modified":"2012-03-05T22:55:53","modified_gmt":"2012-03-05T13:55:53","slug":"internet-explorer-common-bugs","status":"publish","type":"post","link":"https:\/\/www.santoshkori.com\/blog\/internet-explorer-common-bugs\/","title":{"rendered":"Internet Explorer common bugs"},"content":{"rendered":"<ul>\n<li>IE6 will become problematic if floats are overused, causing (paradoxically)  <a href=\"http:\/\/haslayout.net\/css\/Disappearing-Content-Bug\" target=\"_blank\" rel=\"noopener\">disappearing content<\/a> or <a href=\"http:\/\/www.impressivewebs.com\/ie6-ghost-text-bug-with-multiple-solutions\/\" target=\"_blank\" rel=\"noopener\">duplicate text<\/a><\/li>\n<li>IE6 will double the margin on floated elements on the side that is the same  direction as the float; setting <code>display: inline<\/code> will often fix this<\/li>\n<li>In IE6 and IE7, if an element <a href=\"http:\/\/reference.sitepoint.com\/css\/haslayout\" target=\"_blank\" rel=\"noopener\">doesn\u2019t have layout<\/a>, it can cause a number of  problems, including backgrounds not showing up, margins collapsing improperly,  <a href=\"http:\/\/www.satzansatz.de\/cssd\/onhavinglayout.html\" target=\"_blank\" rel=\"noopener\">and more<\/a><\/li>\n<li>IE6 does not support min- and max-based CSS properties like  <code>min-height<\/code>, or <code>max-width<\/code><\/li>\n<li>IE6 does not support fixed positioning of background images<\/li>\n<li>IE6 and IE7 do not support many alternate values for the  <code>display<\/code> property (e.g. <code>inline-table<\/code>,  <code>table-cell<\/code>, <code>table-row<\/code>, etc.)<\/li>\n<li>You cannot use the <code>:hover<\/code> pseudo-class on any element in IE6  except an anchor (<code>&lt;a&gt;<\/code>)<\/li>\n<li>Certain versions of IE have <a href=\"http:\/\/www.impressivewebs.com\/buggy-css-selectors-cross-browser-jquery\/\" target=\"_blank\" rel=\"noopener\">little support for certain CSS selectors<\/a> (e.g.  attribute selectors, child selectors, etc.)<\/li>\n<li>IE versions 6-8 have little support for CSS3, but there are <a href=\"http:\/\/www.smashingmagazine.com\/2010\/04\/28\/css3-solutions-for-internet-explorer\/\" target=\"_blank\" rel=\"noopener\">some workarounds<\/a><\/li>\n<\/ul>\n<p>There are many more bugs, issues, and inconsistencies that can arise in Internet  Explorer, but these are probably the most common and most important ones to keep  in mind when trying to create a cross-browser experience. I encourage all  developers to <strong>do further research on many of the issues<\/strong> I\u2019ve  mentioned above in order to have a more accurate understanding of what problems  these issues can cause, and how to handle them.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>IE6 will become problematic if floats are overused, causing (paradoxically) disappearing content or duplicate text IE6 will double the margin on floated elements on the side that is the same direction as the float; setting display: inline will often fix this In IE6 and IE7, if an element doesn\u2019t have layout, it can cause a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,4],"tags":[],"class_list":["post-13","post","type-post","status-publish","format-standard","hentry","category-cross-browser-compatibility","category-xhtml-coding"],"_links":{"self":[{"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/posts\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":4,"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/posts\/13\/revisions"}],"predecessor-version":[{"id":15,"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/posts\/13\/revisions\/15"}],"wp:attachment":[{"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/media?parent=13"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/categories?post=13"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.santoshkori.com\/blog\/wp-json\/wp\/v2\/tags?post=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}