{"id":155,"date":"2015-12-12T02:18:35","date_gmt":"2015-12-12T02:18:35","guid":{"rendered":"http:\/\/bostonianadam.com\/?p=155"},"modified":"2022-04-10T15:09:53","modified_gmt":"2022-04-10T20:09:53","slug":"no-more-css-conditional-comments-for-ie10","status":"publish","type":"post","link":"https:\/\/bostonianadam.com\/2015\/12\/no-more-css-conditional-comments-for-ie10\/","title":{"rendered":"No more CSS conditional comments for IE10+"},"content":{"rendered":"\n<p>I was working on an older site this past week and an issue came up where the IE10 web browser was showing different spacing compared to the Google Chrome web browser. My initial thoughts were to use CSS conditional comments to make a specific class have different padding for IE web browsers.<\/p>\n\n\n\n<p>Well I didn\u2019t know that Microsoft deprecated conditional comments for IE10 and above, so I did some searching online and found a blog post, \u201c<a href=\"http:\/\/paper-leaf.com\/blog\/2014\/09\/targeting-ie-10-11-browsers-css\/\" target=\"_blank\" rel=\"noopener noreferrer\">Targeting IE10 &amp; IE11 Browsers with CSS\u201d on paper-leaf.com<\/a>, that gave me the solution I needed.<\/p>\n\n\n\n<p>So if you use the below code inside a \u201cstyle\u201d tag and add your CSS specifically for IE10+ in there, it will solve this problem I ran into.<\/p>\n\n\n\n<p><iframe style=\"border: none; width: 100%;\" src=\"https:\/\/pastebin.com\/embed_iframe\/9W1SMHA6\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I was working on an older site this past week and an issue came up where the IE10 web browser was showing different spacing compared to the Google Chrome web browser. My initial thoughts were to use CSS conditional comments to make a specific class have different padding for IE web browsers. Well I didn\u2019t [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[64],"tags":[12,13,15,29,67],"aioseo_notices":[],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/bostonianadam.com\/wp-json\/wp\/v2\/posts\/155"}],"collection":[{"href":"https:\/\/bostonianadam.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bostonianadam.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bostonianadam.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bostonianadam.com\/wp-json\/wp\/v2\/comments?post=155"}],"version-history":[{"count":1,"href":"https:\/\/bostonianadam.com\/wp-json\/wp\/v2\/posts\/155\/revisions"}],"predecessor-version":[{"id":2401,"href":"https:\/\/bostonianadam.com\/wp-json\/wp\/v2\/posts\/155\/revisions\/2401"}],"wp:attachment":[{"href":"https:\/\/bostonianadam.com\/wp-json\/wp\/v2\/media?parent=155"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bostonianadam.com\/wp-json\/wp\/v2\/categories?post=155"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bostonianadam.com\/wp-json\/wp\/v2\/tags?post=155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}