Home/ Questions/Q 8246981
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-07T22:41:22+00:00

I am finalizing the code for a company website where 90% of the users

  • 0

I am finalizing the code for a company website where 90% of the users are browsing on IE. My conditional statements have worked for all browsers with the exception of IE7. I’m not sure why IE is ignoring the separate stylesheet I’ve created for IE browsing only. Please review my code below.

Also this code here:

<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" charset="utf-8" />

…allows me to remove the compatibility mode in IE 7-9. 

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=EDGE" charset="utf-8" />
<tile>Company Site</title>
<link rel="stylesheet" href="css/style.css" media="screen" />
<!--[if IE]><link rel="stylesheet" href="css/ie.css"><![endif]-->
<!--[if IE 8]><link rel="stylesheet" href="css/ie8.css"><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="css/ie7.css"><![endif]-->
</head>

Then the rest of my code appears to work and validate without issues. It seems as if IE7 is being ignored.

Thanks in advance for your help!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Looks like I had to use the absolute link for the stylesheet instead of the relative link. So using something like:

    <link rel="stylesheet" href="http://mywebsite.com/css/style.css">

    instead of

    <link rel="stylesheet" href="css/style.css">

    Thanks for all of your help but it’s always the small things with IE.

    For the record, I also made sure I changed up how my header looked thanks to some great tips from you guys. Here is the final header example as it stands now:

    <!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EDGE" charset="utf-8" />
<title>My Site</title>
<link rel="stylesheet" href="css/style.css" media="screen">
<!--[if gte IE 8]><link rel="stylesheet" href="css/ie.css"><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="http://mysite.com/css/ie7.css"><![endif]-->
</head>
    • 0