{"id":17383,"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-20T18:06:00","modified_gmt":"2026-04-20T18:06:00","slug":"quan-dissenyavem-webs-per-internet-explorer","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/ca\/blog\/quan-dissenyavem-webs-per-internet-explorer\/","title":{"rendered":"Quan disseny\u00e0vem webs per a Internet Explorer"},"content":{"rendered":"<p>Han quedat enrere aquells temps en qu\u00e8, a l\u2019hora de <strong>dissenyar qualsevol web<\/strong>, calia assegurar-se que el disseny es veuria correctament al nostre estimat <strong>Internet Explorer<\/strong>.<\/p>\n<p>I \u00e9s que, en aquella \u00e8poca, pr\u00e0cticament <strong>la gran majoria d\u2019usuaris feia servir Internet Explorer<\/strong>.<\/p>\n<p>Parlo dels temps en qu\u00e8 Internet Explorer 6.0 <strong>era el rei indiscutible dels navegadors<\/strong>. Un rei una mica despistat, potser fruit de massa consanguinitat. Pr\u00e0ctiques que la gent del carrer no acabem d\u2019entendre, per\u00f2 que la reialesa&#8230; B\u00e9, nom\u00e9s cal mirar Joc de Trons per saber de qu\u00e8 parlo&#8230; O llegir una mica sobre la hist\u00f2ria de certa fam\u00edlia reial espanyola.<\/p>\n<p>&nbsp;<\/p>\n<h2>Com hem canviat!<\/h2>\n<p>&nbsp;<\/p>\n<p>Era l\u2019any 2009 quan <strong>Firefox<\/strong> ja feia temps que intentava, sense gaire \u00e8xit, <strong>desbancar Internet Explorer 6.0<\/strong> del podi dels navegadors m\u00e9s utilitzats. No feia gaire, Google Chrome havia aparegut com a aliat de Firefox en aquesta llarga batalla pel lideratge. En aquella \u00e8poca, Internet Explorer 6.0 venia preinstal\u00b7lat a tots els ordinadors amb Windows XP, \u00e9s a dir, la gran majoria.<\/p>\n<p>Per\u00f2 m\u00e9s enll\u00e0 de l\u2019IE 6.0, hav\u00edem de bregar amb les versions superiors, concretament la 7 i la 8, que no van arribar precisament per millorar la situaci\u00f3. Cada una portava el seu propi men\u00fa de \u201cdesenvolupador, et complicarem la vida\u201d for\u00e7a extens. El dilema era encara m\u00e9s gran: el remei era pitjor que la malaltia. Ara tocava maquetar el disseny web perqu\u00e8 es vei\u00e9s b\u00e9 a les tres versions, cadascuna amb les seves particularitats a l\u2019hora d\u2019interpretar el CSS, i tot havia de quadrar com si fos un cub de Rubik. Si solucionaves un error visual a la versi\u00f3 7, a la 6 i la 8 es desmuntava, i a l\u2019inrev\u00e9s.<\/p>\n<p>Internet Explorer era el fill mimat i malcriat. Aquell a qui havies de fer-li un plat especial, perqu\u00e8 si no, no menjava.<\/p>\n<p>&nbsp;<\/p>\n<h2>La guerra de maquetar qualsevol web<\/h2>\n<p>Fer la maquetaci\u00f3 CSS de <strong>qualsevol web era una aut\u00e8ntica odissea<\/strong>. Calia ajustar el mateix disseny per a les diferents versions d\u2019Explorer, que ni tan sols s\u2019entenien entre elles. I, a m\u00e9s de corregir tota aquella colla d\u2019errors visuals, el web havia de funcionar b\u00e9 als altres navegadors decents: Firefox i Chrome.<\/p>\n<p>La majoria de vegades, els problemes venien d\u2019haver d\u2019apeda\u00e7ar les regles CSS per a Explorer de l\u2019\u00fanica manera possible. En resum, dissenyar i maquetar una web per a tots els navegadors era com anar afegint nivells de dificultat de manera exponencial.<\/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>Dissenyar una web avui<\/h2>\n<p>Per sort, tot ha canviat molt i avui el panorama \u00e9s molt m\u00e9s estable. Internet Explorer nom\u00e9s t\u00e9 una quota d\u2019\u00fas d\u2019aproximadament el 4%. I cal recon\u00e8ixer que, en les seves \u00faltimes versions, tot i que no suporta moltes de les noves funcionalitats \u201cespecials\u201d, es comporta raonablement b\u00e9.<\/p>\n<p>Podr\u00edem dir que el maquetador de nova generaci\u00f3 que es queixa de la dificultat de maquetar una web, \u00e9s com la generaci\u00f3 mil\u00b7lennista comparada amb els nostres avis que van fer la mili. Segurament, no li aniria malament passar uns dies amb el m\u00edtic \u201cSergent d\u2019Acer\u201d.<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>Han quedat enrere aquells temps en qu\u00e8, a l\u2019hora de dissenyar qualsevol web, calia assegurar-se que el disseny es veuria correctament al nostre estimat Internet Explorer. I \u00e9s que, en aquella \u00e8poca, pr\u00e0cticament la gran majoria d\u2019usuaris feia servir Internet Explorer. Parlo dels temps en qu\u00e8 Internet Explorer 6.0 era el rei indiscutible dels navegadors. [&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-17383","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\/ca\/blog\/quan-dissenyavem-webs-per-internet-explorer\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\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\/ca\/blog\/quan-dissenyavem-webs-per-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-20T18:06:00+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=\"Escrit per\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Temps estimat de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minuts\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/quan-dissenyavem-webs-per-internet-explorer\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/quan-dissenyavem-webs-per-internet-explorer\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Quan disseny\u00e0vem webs per a Internet Explorer\",\"datePublished\":\"2017-04-24T08:27:40+00:00\",\"dateModified\":\"2026-04-20T18:06:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/quan-dissenyavem-webs-per-internet-explorer\/\"},\"wordCount\":537,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/quan-dissenyavem-webs-per-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\":\"ca\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/quan-dissenyavem-webs-per-internet-explorer\/\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/quan-dissenyavem-webs-per-internet-explorer\/\",\"name\":\"Dise\u00f1o web para Internet Explorer. Aquellos maravillosos a\u00f1os.\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/quan-dissenyavem-webs-per-internet-explorer\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/quan-dissenyavem-webs-per-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-20T18:06:00+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/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\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/ca\/blog\/quan-dissenyavem-webs-per-internet-explorer\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/quan-dissenyavem-webs-per-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\/ca\/#website\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/\",\"name\":\"Code Barcelona\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codewebbarcelona.com\/ca\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ca\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@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\/ca\/blog\/quan-dissenyavem-webs-per-internet-explorer\/","og_locale":"ca_ES","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\/ca\/blog\/quan-dissenyavem-webs-per-internet-explorer\/","og_site_name":"Code Barcelona","article_published_time":"2017-04-24T08:27:40+00:00","article_modified_time":"2026-04-20T18:06:00+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":{"Escrit per":"cd26Bc","Temps estimat de lectura":"3 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/quan-dissenyavem-webs-per-internet-explorer\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/quan-dissenyavem-webs-per-internet-explorer\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Quan disseny\u00e0vem webs per a Internet Explorer","datePublished":"2017-04-24T08:27:40+00:00","dateModified":"2026-04-20T18:06:00+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/quan-dissenyavem-webs-per-internet-explorer\/"},"wordCount":537,"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/quan-dissenyavem-webs-per-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":"ca"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/quan-dissenyavem-webs-per-internet-explorer\/","url":"https:\/\/codewebbarcelona.com\/ca\/blog\/quan-dissenyavem-webs-per-internet-explorer\/","name":"Dise\u00f1o web para Internet Explorer. Aquellos maravillosos a\u00f1os.","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/quan-dissenyavem-webs-per-internet-explorer\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/quan-dissenyavem-webs-per-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-20T18:06:00+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#\/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":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/ca\/blog\/quan-dissenyavem-webs-per-internet-explorer\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/quan-dissenyavem-webs-per-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\/ca\/#website","url":"https:\/\/codewebbarcelona.com\/ca\/","name":"Code Barcelona","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/ca\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"ca","@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\/ca\/wp-json\/wp\/v2\/posts\/17383","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/comments?post=17383"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/17383\/revisions"}],"predecessor-version":[{"id":17388,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/17383\/revisions\/17388"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media\/4185"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media?parent=17383"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/categories?post=17383"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}