{"id":19222,"date":"2017-04-24T08:27:40","date_gmt":"2017-04-24T08:27:40","guid":{"rendered":"https:\/\/codewebbarcelona.com\/cuando-disenabamos-webs-para-internet-explorer\/"},"modified":"2026-04-20T21:35:46","modified_gmt":"2026-04-20T21:35:46","slug":"when-we-designed-websites-for-internet-explorer","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/en\/when-we-designed-websites-for-internet-explorer\/","title":{"rendered":"When We Designed Websites for Internet Explorer"},"content":{"rendered":"<p>Gone are the days when <strong>designing any website<\/strong> meant making sure it would display properly in our beloved <strong>Internet Explorer<\/strong>.<\/p>\n<p>Back then, <strong>the vast majority of users relied on Internet Explorer<\/strong>.<\/p>\n<p>I\u2019m talking about the era when Internet Explorer 6.0 <strong>ruled the browser world<\/strong>. A king, perhaps a bit dim-witted, possibly the result of a little too much inbreeding\u2014something commoners like us can\u2019t quite grasp, but royalty&#8230; Well, just watch Game of Thrones and you\u2019ll get the idea. Or read up on the succession history of a certain Spanish family.<\/p>\n<p>&nbsp;<\/p>\n<h2>How things have changed!<\/h2>\n<p>&nbsp;<\/p>\n<p>It was 2009, and <strong>Firefox<\/strong> had been battling\u2014mostly in vain\u2014to dethrone Internet Explorer 6.0 from its spot as the most-used web browser. Not long before, Google Chrome had joined the fray as Firefox\u2019s ally in this long struggle for dominance. At the time, Internet Explorer 6.0 came pre-installed on every computer running Windows XP\u2014which was most computers.<\/p>\n<p>But it wasn\u2019t just IE6 we had to worry about. Versions 7 and 8 had also arrived, and they didn\u2019t exactly make things easier. Each brought its own special \u201cdeveloper, we\u2019re going to ruin your day\u201d quirks. The cure was worse than the disease: now, we had to make sure a website looked right in three different versions of IE, each interpreting CSS in its own peculiar way. It was like trying to solve a Rubik\u2019s Cube\u2014fix a visual bug in version 7, and it would break in 6 and 8, and vice versa.<\/p>\n<p>Internet Explorer was the problem child. The spoiled kid who needed a special meal, or else he just wouldn\u2019t eat.<\/p>\n<p>&nbsp;<\/p>\n<h2>The battle to build any website<\/h2>\n<p>Building the CSS layout for <strong>any website was a real ordeal<\/strong>. You had to make the same design work across all versions of Explorer, which, as mentioned, didn\u2019t even play nice with each other. And after wrestling with all those visual bugs, the site still had to look right in the other decent browsers: Firefox and Chrome.<\/p>\n<p>Most of the time, you\u2019d run into endless problems, usually caused by the ugly (and only) ways to hack CSS rules for Explorer. In short, designing and building a site for multiple browsers meant the difficulty level increased exponentially.<\/p>\n<p><a href=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/css-for-different-browsers-1.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-664\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/css-for-different-browsers-1.jpg\" alt=\"css for different browsers\" width=\"920\" height=\"1287\" \/><\/a><\/p>\n<h2>Designing a website today<\/h2>\n<p>Fortunately, things have changed a lot, and the landscape is much more stable now. Internet Explorer accounts for only about 4% of web users. And to be fair, in its latest versions, even though it still lacks support for many of the newer \u201cspecial\u201d features, it behaves reasonably well.<\/p>\n<p>You could say that today\u2019s new-generation front-end developer who complains about the challenges of building a website is a bit like a millennial compared to our grandparents who did military service. Honestly, a few days with the legendary \u201cDrill Sergeant\u201d wouldn\u2019t do them any harm.<br \/>\n<iframe src=\"https:\/\/www.youtube.com\/embed\/vsVKs0mN0lk\" width=\"100%\" height=\"450\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Gone are the days when designing any website meant making sure it would display properly in our beloved Internet Explorer. Back then, the vast majority of users relied on Internet Explorer. I\u2019m talking about the era when Internet Explorer 6.0 ruled the browser world. A king, perhaps a bit dim-witted, possibly the result of a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4185,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[207,208,212],"class_list":["post-19222","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-destacat","category-disseny-desenvolupament-web","category-altres"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>When We Designed Websites for Internet Explorer - Code Barcelona<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codewebbarcelona.com\/en\/when-we-designed-websites-for-internet-explorer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"When We Designed Websites for Internet Explorer - Code Barcelona\" \/>\n<meta property=\"og:description\" content=\"Gone are the days when designing any website meant making sure it would display properly in our beloved Internet Explorer. Back then, the vast majority of users relied on Internet Explorer. I\u2019m talking about the era when Internet Explorer 6.0 ruled the browser world. A king, perhaps a bit dim-witted, possibly the result of a [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/en\/when-we-designed-websites-for-internet-explorer\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Barcelona\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-24T08:27:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-20T21:35:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/cuando-disenabamos-webs-para-internet-explorer-featured.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"cd26Bc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/when-we-designed-websites-for-internet-explorer\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/when-we-designed-websites-for-internet-explorer\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"When We Designed Websites for Internet Explorer\",\"datePublished\":\"2017-04-24T08:27:40+00:00\",\"dateModified\":\"2026-04-20T21:35:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/when-we-designed-websites-for-internet-explorer\/\"},\"wordCount\":483,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/when-we-designed-websites-for-internet-explorer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/cuando-disenabamos-webs-para-internet-explorer-featured.jpg\",\"articleSection\":[\"Destacat\",\"Disseny i desenvolupament web\",\"Altres\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/when-we-designed-websites-for-internet-explorer\/\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/when-we-designed-websites-for-internet-explorer\/\",\"name\":\"When We Designed Websites for Internet Explorer - Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/when-we-designed-websites-for-internet-explorer\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/when-we-designed-websites-for-internet-explorer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/cuando-disenabamos-webs-para-internet-explorer-featured.jpg\",\"datePublished\":\"2017-04-24T08:27:40+00:00\",\"dateModified\":\"2026-04-20T21:35:46+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/en\/when-we-designed-websites-for-internet-explorer\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/when-we-designed-websites-for-internet-explorer\/#primaryimage\",\"url\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/cuando-disenabamos-webs-para-internet-explorer-featured.jpg\",\"contentUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/cuando-disenabamos-webs-para-internet-explorer-featured.jpg\",\"width\":2560,\"height\":1600},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#website\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/\",\"name\":\"Code Barcelona\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codewebbarcelona.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"caption\":\"cd26Bc\"},\"sameAs\":[\"https:\/\/codewebbarcelona.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"When We Designed Websites for Internet Explorer - Code Barcelona","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codewebbarcelona.com\/en\/when-we-designed-websites-for-internet-explorer\/","og_locale":"en_US","og_type":"article","og_title":"When We Designed Websites for Internet Explorer - Code Barcelona","og_description":"Gone are the days when designing any website meant making sure it would display properly in our beloved Internet Explorer. Back then, the vast majority of users relied on Internet Explorer. I\u2019m talking about the era when Internet Explorer 6.0 ruled the browser world. A king, perhaps a bit dim-witted, possibly the result of a [&hellip;]","og_url":"https:\/\/codewebbarcelona.com\/en\/when-we-designed-websites-for-internet-explorer\/","og_site_name":"Code Barcelona","article_published_time":"2017-04-24T08:27:40+00:00","article_modified_time":"2026-04-20T21:35:46+00:00","og_image":[{"width":2560,"height":1600,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/cuando-disenabamos-webs-para-internet-explorer-featured.jpg","type":"image\/jpeg"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Written by":"cd26Bc","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/en\/when-we-designed-websites-for-internet-explorer\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/when-we-designed-websites-for-internet-explorer\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"When We Designed Websites for Internet Explorer","datePublished":"2017-04-24T08:27:40+00:00","dateModified":"2026-04-20T21:35:46+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/when-we-designed-websites-for-internet-explorer\/"},"wordCount":483,"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/when-we-designed-websites-for-internet-explorer\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/cuando-disenabamos-webs-para-internet-explorer-featured.jpg","articleSection":["Destacat","Disseny i desenvolupament web","Altres"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/en\/when-we-designed-websites-for-internet-explorer\/","url":"https:\/\/codewebbarcelona.com\/en\/when-we-designed-websites-for-internet-explorer\/","name":"When We Designed Websites for Internet Explorer - Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/when-we-designed-websites-for-internet-explorer\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/when-we-designed-websites-for-internet-explorer\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/cuando-disenabamos-webs-para-internet-explorer-featured.jpg","datePublished":"2017-04-24T08:27:40+00:00","dateModified":"2026-04-20T21:35:46+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/en\/when-we-designed-websites-for-internet-explorer\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codewebbarcelona.com\/en\/when-we-designed-websites-for-internet-explorer\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/cuando-disenabamos-webs-para-internet-explorer-featured.jpg","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/cuando-disenabamos-webs-para-internet-explorer-featured.jpg","width":2560,"height":1600},{"@type":"WebSite","@id":"https:\/\/codewebbarcelona.com\/en\/#website","url":"https:\/\/codewebbarcelona.com\/en\/","name":"Code Barcelona","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","caption":"cd26Bc"},"sameAs":["https:\/\/codewebbarcelona.com"]}]}},"_links":{"self":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/19222","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/comments?post=19222"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/19222\/revisions"}],"predecessor-version":[{"id":19227,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/19222\/revisions\/19227"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media\/4185"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media?parent=19222"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/categories?post=19222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}