{"id":14,"date":"2014-03-08T06:20:07","date_gmt":"2014-03-08T06:20:07","guid":{"rendered":"http:\/\/www.geektactics.geektamin.com\/?p=14"},"modified":"2024-06-14T09:54:22","modified_gmt":"2024-06-13T21:54:22","slug":"the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9","status":"publish","type":"post","link":"https:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/","title":{"rendered":"The Easiest Way To Test Your Website In Internet Explorer 5, 7, 8 and 9"},"content":{"rendered":"

When launching a new website it is essential to test it in across multiple browsers. \u00a0Unfortunately this also includes testing it on older versions Internet Explorer.<\/p>\n

Is it really necessary? \u00a0Yes. \u00a0While the majority of internet users are using modern browsers, there are still a number of users with older computers, normally sitting at home, who are still using old browsers. These consumers may not been technically savvy, but they still have money to spend, and may well be the target market for the client you’re building the website for.<\/p>\n

Some example screenshots are below, showing just how different websites can look in older versions of Internet Explorer.<\/p>\n

The Easiest Way To Test Your Website In Internet Explorer 5, 7, 8 and 9<\/h2>\n

Internet Explorer 10 and 11 have an emulation function built in, to emulate Internet Explorer 5, 7, 8 and 9. \u00a0It’s very simple to use.<\/p>\n

    \n
  1. View the website you want to test in Internet Explorer.<\/li>\n
  2. Push F12 to bring up Developer Tools.<\/li>\n
  3. Scroll to the bottom of the menu. \u00a0The last menu item is\u00a0Emulation<\/strong>.<\/li>\n
  4. In the\u00a0Document Mode<\/strong>\u00a0drop down choose the version of Internet Explorer you want to test for. \u00a0The default is “Edge” (the latest version). \u00a0You can choose from IE 5, 7, 8, 9 or 10.
    \n\"Internet<\/li>\n
  5. When you select a Document Mode, the website will refresh and show that version<\/li>\n<\/ol>\n

    Example Results<\/h2>\n

    Here are a quick few examples of how different the site can look. \u00a0These screenshots were taken during the testing phase on a client’s new website recently.<\/p>\n

    Comparing How the Website Header Looks<\/h3>\n

    How it looks in modern browsers:<\/p>\n

    \"IE11<\/p>\n

    Here is how it looked in IE7 (before we fixed it):<\/p>\n

    \"IE7<\/p>\n

    The differences are:<\/p>\n

      \n
    • The background colour has disappeared from the header<\/li>\n
    • The text on the right side of the header has changed location and colour.<\/li>\n
    • The three sections across the page have changed layout … I’ll show this clearly next.<\/li>\n<\/ul>\n

      Comparing How the Three Sections Look<\/h3>\n

      How it looks in modern browsers:<\/p>\n

      \"3<\/p>\n

      How it looks in Internet Explorer 7:<\/p>\n

      \"IE7<\/p>\n

      Differences:<\/p>\n

        \n
      • The layout is completely broken!<\/li>\n
      • The background colour of the section is gone.<\/li>\n<\/ul>\n

        As these screenshots demonstrate, it is still very important to check website designs in older versions of Internet Explorer, as there are many things that dramatically change, and sometimes make content unreadable.<\/p>\n

        Thanks to the emulation feature built into the latest versions of Internet Explorer, it is now super easy to test your website with older versions of IE.<\/p>\n","protected":false},"excerpt":{"rendered":"

        When launching a new website it is essential to test it in across multiple browsers. \u00a0Unfortunately this also includes testing it on older versions Internet Explorer. Is it really necessary? \u00a0Yes. \u00a0While the majority of internet users are using modern browsers, there are still a number of users with older computers, normally sitting at home, […]<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[8,7,6],"class_list":["post-14","post","type-post","status-publish","format-standard","hentry","category-web-development","tag-compatibility","tag-css","tag-internet-explorer"],"yoast_head":"\nThe Easiest Way To Test Your Website In Internet Explorer 5, 7, 8 and 9 - Geektactics<\/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:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Easiest Way To Test Your Website In Internet Explorer 5, 7, 8 and 9 - Geektactics\" \/>\n<meta property=\"og:description\" content=\"When launching a new website it is essential to test it in across multiple browsers. \u00a0Unfortunately this also includes testing it on older versions Internet Explorer. Is it really necessary? \u00a0Yes. \u00a0While the majority of internet users are using modern browsers, there are still a number of users with older computers, normally sitting at home, […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/\" \/>\n<meta property=\"og:site_name\" content=\"Geektactics\" \/>\n<meta property=\"article:published_time\" content=\"2014-03-08T06:20:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-13T21:54:22+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.geektactics.geektamin.com\/geektamin\/wp-content\/uploads\/sites\/2\/2014\/03\/IE-emulation.jpg\" \/>\n<meta name=\"author\" content=\"Josh Moore\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Josh Moore\" \/>\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:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/\"},\"author\":{\"name\":\"Josh Moore\",\"@id\":\"https:\/\/geektactics.co.nz\/#\/schema\/person\/6bb496f93975e50731c7b169c39bc4ab\"},\"headline\":\"The Easiest Way To Test Your Website In Internet Explorer 5, 7, 8 and 9\",\"datePublished\":\"2014-03-08T06:20:07+00:00\",\"dateModified\":\"2024-06-13T21:54:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/\"},\"wordCount\":409,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/geektactics.co.nz\/#organization\"},\"image\":{\"@id\":\"https:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.geektactics.geektamin.com\/geektamin\/wp-content\/uploads\/sites\/2\/2014\/03\/IE-emulation.jpg\",\"keywords\":[\"compatibility\",\"CSS\",\"Internet Explorer\"],\"articleSection\":[\"Web Development\"],\"inLanguage\":\"en-NZ\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/\",\"url\":\"https:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/\",\"name\":\"The Easiest Way To Test Your Website In Internet Explorer 5, 7, 8 and 9 - Geektactics\",\"isPartOf\":{\"@id\":\"https:\/\/geektactics.co.nz\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.geektactics.geektamin.com\/geektamin\/wp-content\/uploads\/sites\/2\/2014\/03\/IE-emulation.jpg\",\"datePublished\":\"2014-03-08T06:20:07+00:00\",\"dateModified\":\"2024-06-13T21:54:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/#breadcrumb\"},\"inLanguage\":\"en-NZ\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-NZ\",\"@id\":\"https:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/#primaryimage\",\"url\":\"http:\/\/www.geektactics.geektamin.com\/geektamin\/wp-content\/uploads\/sites\/2\/2014\/03\/IE-emulation.jpg\",\"contentUrl\":\"http:\/\/www.geektactics.geektamin.com\/geektamin\/wp-content\/uploads\/sites\/2\/2014\/03\/IE-emulation.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/geektactics.co.nz\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Easiest Way To Test Your Website In Internet Explorer 5, 7, 8 and 9\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/geektactics.co.nz\/#website\",\"url\":\"https:\/\/geektactics.co.nz\/\",\"name\":\"Geektactics\",\"description\":\"Interesting Stuff for Geeks\",\"publisher\":{\"@id\":\"https:\/\/geektactics.co.nz\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/geektactics.co.nz\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-NZ\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/geektactics.co.nz\/#organization\",\"name\":\"Geektactics\",\"url\":\"https:\/\/geektactics.co.nz\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-NZ\",\"@id\":\"https:\/\/geektactics.co.nz\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/geektactics.co.nz\/wp-content\/uploads\/sites\/2\/2024\/06\/geektactics-logo.png\",\"contentUrl\":\"https:\/\/geektactics.co.nz\/wp-content\/uploads\/sites\/2\/2024\/06\/geektactics-logo.png\",\"width\":2001,\"height\":831,\"caption\":\"Geektactics\"},\"image\":{\"@id\":\"https:\/\/geektactics.co.nz\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/geektactics.co.nz\/#\/schema\/person\/6bb496f93975e50731c7b169c39bc4ab\",\"name\":\"Josh Moore\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-NZ\",\"@id\":\"https:\/\/geektactics.co.nz\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2bea43488633fc79ace340300f8ab6d6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2bea43488633fc79ace340300f8ab6d6?s=96&d=mm&r=g\",\"caption\":\"Josh Moore\"},\"description\":\"I love marketing and technology. I run Duoplus Online Marketing and enjoy helping companies grow their income especially through using online marketing effectively.\",\"sameAs\":[\"https:\/\/www.duoplus.nz\"],\"url\":\"https:\/\/geektactics.co.nz\/blog\/author\/josh\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Easiest Way To Test Your Website In Internet Explorer 5, 7, 8 and 9 - Geektactics","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:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/","og_locale":"en_US","og_type":"article","og_title":"The Easiest Way To Test Your Website In Internet Explorer 5, 7, 8 and 9 - Geektactics","og_description":"When launching a new website it is essential to test it in across multiple browsers. \u00a0Unfortunately this also includes testing it on older versions Internet Explorer. Is it really necessary? \u00a0Yes. \u00a0While the majority of internet users are using modern browsers, there are still a number of users with older computers, normally sitting at home, […]","og_url":"https:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/","og_site_name":"Geektactics","article_published_time":"2014-03-08T06:20:07+00:00","article_modified_time":"2024-06-13T21:54:22+00:00","og_image":[{"url":"http:\/\/www.geektactics.geektamin.com\/geektamin\/wp-content\/uploads\/sites\/2\/2014\/03\/IE-emulation.jpg"}],"author":"Josh Moore","twitter_misc":{"Written by":"Josh Moore","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/#article","isPartOf":{"@id":"https:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/"},"author":{"name":"Josh Moore","@id":"https:\/\/geektactics.co.nz\/#\/schema\/person\/6bb496f93975e50731c7b169c39bc4ab"},"headline":"The Easiest Way To Test Your Website In Internet Explorer 5, 7, 8 and 9","datePublished":"2014-03-08T06:20:07+00:00","dateModified":"2024-06-13T21:54:22+00:00","mainEntityOfPage":{"@id":"https:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/"},"wordCount":409,"commentCount":0,"publisher":{"@id":"https:\/\/geektactics.co.nz\/#organization"},"image":{"@id":"https:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/#primaryimage"},"thumbnailUrl":"http:\/\/www.geektactics.geektamin.com\/geektamin\/wp-content\/uploads\/sites\/2\/2014\/03\/IE-emulation.jpg","keywords":["compatibility","CSS","Internet Explorer"],"articleSection":["Web Development"],"inLanguage":"en-NZ","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/","url":"https:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/","name":"The Easiest Way To Test Your Website In Internet Explorer 5, 7, 8 and 9 - Geektactics","isPartOf":{"@id":"https:\/\/geektactics.co.nz\/#website"},"primaryImageOfPage":{"@id":"https:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/#primaryimage"},"image":{"@id":"https:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/#primaryimage"},"thumbnailUrl":"http:\/\/www.geektactics.geektamin.com\/geektamin\/wp-content\/uploads\/sites\/2\/2014\/03\/IE-emulation.jpg","datePublished":"2014-03-08T06:20:07+00:00","dateModified":"2024-06-13T21:54:22+00:00","breadcrumb":{"@id":"https:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/#breadcrumb"},"inLanguage":"en-NZ","potentialAction":[{"@type":"ReadAction","target":["https:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/"]}]},{"@type":"ImageObject","inLanguage":"en-NZ","@id":"https:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/#primaryimage","url":"http:\/\/www.geektactics.geektamin.com\/geektamin\/wp-content\/uploads\/sites\/2\/2014\/03\/IE-emulation.jpg","contentUrl":"http:\/\/www.geektactics.geektamin.com\/geektamin\/wp-content\/uploads\/sites\/2\/2014\/03\/IE-emulation.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/geektactics.co.nz\/blog\/the-easiest-way-to-test-your-website-in-internet-explorer-5-7-8-and-9\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/geektactics.co.nz\/"},{"@type":"ListItem","position":2,"name":"The Easiest Way To Test Your Website In Internet Explorer 5, 7, 8 and 9"}]},{"@type":"WebSite","@id":"https:\/\/geektactics.co.nz\/#website","url":"https:\/\/geektactics.co.nz\/","name":"Geektactics","description":"Interesting Stuff for Geeks","publisher":{"@id":"https:\/\/geektactics.co.nz\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/geektactics.co.nz\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-NZ"},{"@type":"Organization","@id":"https:\/\/geektactics.co.nz\/#organization","name":"Geektactics","url":"https:\/\/geektactics.co.nz\/","logo":{"@type":"ImageObject","inLanguage":"en-NZ","@id":"https:\/\/geektactics.co.nz\/#\/schema\/logo\/image\/","url":"https:\/\/geektactics.co.nz\/wp-content\/uploads\/sites\/2\/2024\/06\/geektactics-logo.png","contentUrl":"https:\/\/geektactics.co.nz\/wp-content\/uploads\/sites\/2\/2024\/06\/geektactics-logo.png","width":2001,"height":831,"caption":"Geektactics"},"image":{"@id":"https:\/\/geektactics.co.nz\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/geektactics.co.nz\/#\/schema\/person\/6bb496f93975e50731c7b169c39bc4ab","name":"Josh Moore","image":{"@type":"ImageObject","inLanguage":"en-NZ","@id":"https:\/\/geektactics.co.nz\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2bea43488633fc79ace340300f8ab6d6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2bea43488633fc79ace340300f8ab6d6?s=96&d=mm&r=g","caption":"Josh Moore"},"description":"I love marketing and technology. I run Duoplus Online Marketing and enjoy helping companies grow their income especially through using online marketing effectively.","sameAs":["https:\/\/www.duoplus.nz"],"url":"https:\/\/geektactics.co.nz\/blog\/author\/josh\/"}]}},"_links":{"self":[{"href":"https:\/\/geektactics.co.nz\/wp-json\/wp\/v2\/posts\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/geektactics.co.nz\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/geektactics.co.nz\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/geektactics.co.nz\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/geektactics.co.nz\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":3,"href":"https:\/\/geektactics.co.nz\/wp-json\/wp\/v2\/posts\/14\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/geektactics.co.nz\/wp-json\/wp\/v2\/posts\/14\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/geektactics.co.nz\/wp-json\/wp\/v2\/media?parent=14"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/geektactics.co.nz\/wp-json\/wp\/v2\/categories?post=14"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/geektactics.co.nz\/wp-json\/wp\/v2\/tags?post=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}