{"id":46140,"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-06-10T09:32:39","modified_gmt":"2026-06-10T09:32:39","slug":"quand-nous-creions-des-sites-pour-internet-explorer","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/fr\/quand-nous-creions-des-sites-pour-internet-explorer\/","title":{"rendered":"Quand nous concevions des sites pour Internet Explorer"},"content":{"rendered":"<p>Il fut un temps o\u00f9, lors de la <strong>cr\u00e9ation de n\u2019importe quel site web<\/strong>, il fallait imp\u00e9rativement s\u2019assurer que le design s\u2019affiche correctement sur notre cher <strong>Internet Explorer<\/strong>.<\/p>\n<p>\u00c0 cette \u00e9poque, il faut dire que <strong>la grande majorit\u00e9 des internautes utilisaient Internet Explorer<\/strong>.<\/p>\n<p>Je parle de l\u2019\u00e8re o\u00f9 Internet Explorer 6.0 <strong>r\u00e9gnait sans partage sur le monde des navigateurs<\/strong>. Un roi un peu ben\u00eat, sans doute le r\u00e9sultat de quelques mariages consanguins dignes des grandes dynasties. Des pratiques qui \u00e9chappent au commun des mortels, mais que la noblesse\u2026 Enfin, il suffit de regarder Game of Thrones pour saisir l\u2019id\u00e9e\u2026 ou de se pencher sur la succession d\u2019une certaine famille espagnole.<\/p>\n<p>&nbsp;<\/p>\n<h2>Que de chemin parcouru !<\/h2>\n<p>&nbsp;<\/p>\n<p>Nous sommes en 2009. <strong>Firefox<\/strong> tente depuis un moment, mais sans grand succ\u00e8s, de <strong>d\u00e9loger Internet Explorer 6.0<\/strong> de son tr\u00f4ne de navigateur le plus utilis\u00e9. Peu de temps auparavant, Google Chrome \u00e9tait venu pr\u00eater main forte \u00e0 Firefox dans cette longue bataille pour le pouvoir. \u00c0 l\u2019\u00e9poque, Internet Explorer 6.0 \u00e9tait install\u00e9 par d\u00e9faut sur tous les ordinateurs \u00e9quip\u00e9s de Windows XP, autrement dit, la majorit\u00e9 des machines.<\/p>\n<p>Mais il n\u2019y avait pas que la version 6.0 \u00e0 g\u00e9rer : il fallait aussi composer avec les versions sup\u00e9rieures, notamment les 7 et 8, qui n\u2019avaient rien arrang\u00e9. Chacune apportait son lot de surprises et de \u00ab d\u00e9veloppeur, on va te compliquer la vie \u00bb bien cors\u00e9. R\u00e9sultat : le rem\u00e8de \u00e9tait pire que le mal. Il fallait adapter le design pour qu\u2019il s\u2019affiche correctement sur ces trois versions, chacune interpr\u00e9tant le CSS \u00e0 sa fa\u00e7on, comme un Rubik\u2019s Cube impossible \u00e0 aligner. Corriger un bug visuel sur la version 7 en cr\u00e9ait un autre sur la 6 ou la 8, et inversement.<\/p>\n<p>Internet Explorer, c\u2019\u00e9tait l\u2019enfant capricieux. Celui pour qui il fallait pr\u00e9parer un plat \u00e0 part, sinon il boudait \u00e0 table.<\/p>\n<p>&nbsp;<\/p>\n<h2>La guerre du CSS pour chaque site web<\/h2>\n<p>Faire la mise en page CSS de <strong>n\u2019importe quel site web \u00e9tait un vrai parcours du combattant<\/strong>. Il fallait jongler avec les diff\u00e9rentes versions d\u2019Explorer, qui ne se comprenaient m\u00eame pas entre elles. Et une fois tous ces bugs visuels corrig\u00e9s, il fallait encore que le site s\u2019affiche correctement sur les autres navigateurs dignes de ce nom : Firefox et Chrome.<\/p>\n<p>La plupart du temps, les probl\u00e8mes s\u2019accumulaient, car la seule fa\u00e7on de corriger les bugs sur Explorer \u00e9tait de bricoler les r\u00e8gles CSS. En r\u00e9sum\u00e9, concevoir et int\u00e9grer un site compatible avec tous les navigateurs, c\u2019\u00e9tait ajouter des niveaux de difficult\u00e9 \u00e0 l\u2019infini.<\/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>Concevoir un site web aujourd\u2019hui<\/h2>\n<p>Heureusement, les choses ont bien chang\u00e9 et le paysage s\u2019est largement stabilis\u00e9. Internet Explorer ne repr\u00e9sente plus qu\u2019environ 4 % des utilisateurs. Et il faut reconna\u00eetre que, dans ses derni\u00e8res versions, m\u00eame s\u2019il ne prend pas en charge toutes les nouvelles fonctionnalit\u00e9s \u00ab avanc\u00e9es \u00bb, il se comporte plut\u00f4t correctement.<\/p>\n<p>On peut dire que l\u2019int\u00e9grateur nouvelle g\u00e9n\u00e9ration qui se plaint de la difficult\u00e9 de faire une mise en page web, c\u2019est un peu comme un millennial face \u00e0 nos grands-parents qui ont fait leur service militaire. Un petit stage avec le l\u00e9gendaire \u00ab Sergent d\u2019acier \u00bb ne lui ferait pas de mal !<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>Il fut un temps o\u00f9, lors de la cr\u00e9ation de n\u2019importe quel site web, il fallait imp\u00e9rativement s\u2019assurer que le design s\u2019affiche correctement sur notre cher Internet Explorer. \u00c0 cette \u00e9poque, il faut dire que la grande majorit\u00e9 des internautes utilisaient Internet Explorer. Je parle de l\u2019\u00e8re o\u00f9 Internet Explorer 6.0 r\u00e9gnait sans partage sur [&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":[499,493,495],"class_list":["post-46140","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-autres","category-a-la-une","category-conception-developpement-web"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - 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\/fr\/quand-nous-creions-des-sites-pour-internet-explorer\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\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\/fr\/quand-nous-creions-des-sites-pour-internet-explorer\/\" \/>\n<meta property=\"og:site_name\" content=\"CODE\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-24T08:27:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-10T09:32:39+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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/quand-nous-creions-des-sites-pour-internet-explorer\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/quand-nous-creions-des-sites-pour-internet-explorer\\\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Quand nous concevions des sites pour Internet Explorer\",\"datePublished\":\"2017-04-24T08:27:40+00:00\",\"dateModified\":\"2026-06-10T09:32:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/quand-nous-creions-des-sites-pour-internet-explorer\\\/\"},\"wordCount\":573,\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/quand-nous-creions-des-sites-pour-internet-explorer\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/cuando-disenabamos-webs-para-internet-explorer-featured.jpg\",\"articleSection\":[\"Autres\",\"\u00c0 la une\",\"Conception et d\u00e9veloppement web\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/quand-nous-creions-des-sites-pour-internet-explorer\\\/\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/quand-nous-creions-des-sites-pour-internet-explorer\\\/\",\"name\":\"Dise\u00f1o web para Internet Explorer. Aquellos maravillosos a\u00f1os.\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/quand-nous-creions-des-sites-pour-internet-explorer\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/quand-nous-creions-des-sites-pour-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-06-10T09:32:39+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/#\\\/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\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/quand-nous-creions-des-sites-pour-internet-explorer\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/quand-nous-creions-des-sites-pour-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\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/\",\"name\":\"CODE\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/fr\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@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\/fr\/quand-nous-creions-des-sites-pour-internet-explorer\/","og_locale":"fr_FR","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\/fr\/quand-nous-creions-des-sites-pour-internet-explorer\/","og_site_name":"CODE","article_published_time":"2017-04-24T08:27:40+00:00","article_modified_time":"2026-06-10T09:32:39+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":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/fr\/quand-nous-creions-des-sites-pour-internet-explorer\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/fr\/quand-nous-creions-des-sites-pour-internet-explorer\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/fr\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Quand nous concevions des sites pour Internet Explorer","datePublished":"2017-04-24T08:27:40+00:00","dateModified":"2026-06-10T09:32:39+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/fr\/quand-nous-creions-des-sites-pour-internet-explorer\/"},"wordCount":573,"image":{"@id":"https:\/\/codewebbarcelona.com\/fr\/quand-nous-creions-des-sites-pour-internet-explorer\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/cuando-disenabamos-webs-para-internet-explorer-featured.jpg","articleSection":["Autres","\u00c0 la une","Conception et d\u00e9veloppement web"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/fr\/quand-nous-creions-des-sites-pour-internet-explorer\/","url":"https:\/\/codewebbarcelona.com\/fr\/quand-nous-creions-des-sites-pour-internet-explorer\/","name":"Dise\u00f1o web para Internet Explorer. Aquellos maravillosos a\u00f1os.","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/fr\/quand-nous-creions-des-sites-pour-internet-explorer\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/fr\/quand-nous-creions-des-sites-pour-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-06-10T09:32:39+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/fr\/#\/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":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/fr\/quand-nous-creions-des-sites-pour-internet-explorer\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/codewebbarcelona.com\/fr\/quand-nous-creions-des-sites-pour-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\/fr\/#website","url":"https:\/\/codewebbarcelona.com\/fr\/","name":"CODE","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/fr\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"fr-FR","@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\/fr\/wp-json\/wp\/v2\/posts\/46140","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/comments?post=46140"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/posts\/46140\/revisions"}],"predecessor-version":[{"id":46145,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/posts\/46140\/revisions\/46145"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/media\/4185"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/media?parent=46140"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/fr\/wp-json\/wp\/v2\/categories?post=46140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}