{"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\/blog\/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>Dise\u00f1o web para Internet Explorer. Aquellos maravillosos a\u00f1os.<\/title>\n<meta name=\"description\" content=\"Un repaso a las dificultades que ten\u00eda realizar dise\u00f1o web teniendo en cuenta las diferentes versiones de Internet Explorer.\" \/>\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\/blog\/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=\"Dise\u00f1o web para Internet Explorer. Aquellos maravillosos a\u00f1os.\" \/>\n<meta property=\"og:description\" content=\"Un repaso a las dificultades que ten\u00eda realizar dise\u00f1o web teniendo en cuenta las diferentes versiones de Internet Explorer.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/en\/blog\/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\/blog\/when-we-designed-websites-for-internet-explorer\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/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\/blog\/when-we-designed-websites-for-internet-explorer\/\"},\"wordCount\":483,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/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\/blog\/when-we-designed-websites-for-internet-explorer\/\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/blog\/when-we-designed-websites-for-internet-explorer\/\",\"name\":\"Dise\u00f1o web para Internet Explorer. Aquellos maravillosos a\u00f1os.\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/when-we-designed-websites-for-internet-explorer\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/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\"},\"description\":\"Un repaso a las dificultades que ten\u00eda realizar dise\u00f1o web teniendo en cuenta las diferentes versiones de Internet Explorer.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/en\/blog\/when-we-designed-websites-for-internet-explorer\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/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":"Dise\u00f1o web para Internet Explorer. Aquellos maravillosos a\u00f1os.","description":"Un repaso a las dificultades que ten\u00eda realizar dise\u00f1o web teniendo en cuenta las diferentes versiones de Internet Explorer.","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\/blog\/when-we-designed-websites-for-internet-explorer\/","og_locale":"en_US","og_type":"article","og_title":"Dise\u00f1o web para Internet Explorer. Aquellos maravillosos a\u00f1os.","og_description":"Un repaso a las dificultades que ten\u00eda realizar dise\u00f1o web teniendo en cuenta las diferentes versiones de Internet Explorer.","og_url":"https:\/\/codewebbarcelona.com\/en\/blog\/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\/blog\/when-we-designed-websites-for-internet-explorer\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/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\/blog\/when-we-designed-websites-for-internet-explorer\/"},"wordCount":483,"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/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\/blog\/when-we-designed-websites-for-internet-explorer\/","url":"https:\/\/codewebbarcelona.com\/en\/blog\/when-we-designed-websites-for-internet-explorer\/","name":"Dise\u00f1o web para Internet Explorer. Aquellos maravillosos a\u00f1os.","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/when-we-designed-websites-for-internet-explorer\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/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"},"description":"Un repaso a las dificultades que ten\u00eda realizar dise\u00f1o web teniendo en cuenta las diferentes versiones de Internet Explorer.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/en\/blog\/when-we-designed-websites-for-internet-explorer\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/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}]}}