CODEWITHSUNDEEP
htmlinternet-explorer
alice
alice

Reputation: 101

Responsive website breaks in IE 8

My website works perfectly till IE9, all hell breaks lose at IE8. What my header looks like:

<head>
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
<!--[if lt IE 8]>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<![endif]-->
<title></title>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
<meta content="en" http-equiv="content-language" name="language"/>
<system-page-meta-keywords/>
<system-page-meta-description/>
<meta content="width=device-width, initial-scale=1, minimum-scale=1" name="viewport"/>
</head>

We also tried adding this to our htaccess file

<FilesMatch "\.(htm|html|php)$">
    <IfModule mod_headers.c>
        BrowserMatch MSIE ie
        Header set X-UA-Compatible "IE=Edge,chrome=1" env=ie
    </IfModule>
</FilesMatch>

How do I force old IE8 browsers to render as latest IE versions? What am I doing wrong here? Please help, we are few hours shy of launching!

Upvotes: 0

Views: 180

Answers (1)

isherwood
isherwood

Reputation: 61083

You can't usually make old versions of software behave like new ones. In this case, IE8 doesn't support media queries, so you need to use a polyfill, such as Respond.js.

Upvotes: 2

Related Questions