How to define or create style sheet only for Internet Explorer

belongs to collection: HTML / CSS Frequently Asked Questions

mhmadesk

Save to bookmark

2022-05-17

280

Easy

How to define or create style sheet only for Internet Explorer

Css programming, Html programming,

All Answers

mhmadesk

2022-05-17

need an explanation for this answer? contact us directly to get an explanation for this answer

Use IE Conditional style sheets

If you are a web designer you might have awful experience while dealing with the IE bugs. Most of the time you cannot escape from it, may be because of the project requirement or your client still using older version of the Internet Explorer (IE). So let's deal with it.

Every version of IE behaves somewhat differently than others. So what we do here is define separate style sheets for different versions of IE browsers to pin point the exact problem in a specific version.

Let's say the CSS property you have defined for some element doesn't work as expected in IE, but it works perfectly in other browsers like Firefox or Chrome. So basically what we do is define a style sheet that only target the IE browser and then we either adjust the value of that property or add some new property to this style sheet to fix this issue. Here's an example:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>IE Only Style Sheet</title>
<link rel="stylesheet" href="/examples/css/default.css">
<!--[if IE]>
	<link rel="stylesheet" href="/examples/css/ie.css">
<![endif]-->
</head>
<body>
    <h1>Define Style Sheet for IE</h1>
    <p>If you open this page in IE the output will be different.</p>
</body>
</html>

need an explanation for this answer? contact us directly to get an explanation for this answer

total answers (1)