CODEWITHSUNDEEP
htmlcssinternet-explorer
Joe
Joe

Reputation: 253

How to set up a css specifically for internet explorer and edge?

I'm having big issues with internet explorer being a pain and glitching out on my website, (see other question/my issue here).

My problem: I have an interactive image on this website that acts like an image map - there are points all over the image and when the mouse hovers over one, it expands into a bigger box (this contains information. I have 6 points on the page. This works perfectly in all browsers apart from IE & Edge.

What happens in IE/edge: The points are very glitchy and don't expand properly. Although the bottom 3 points do work fairly well for some reason.

This is why I'm thinking of creating a separate style sheet for IE.

I think the only way to do it is to create a completely different section of css, specifically for internet explorer. I would then like to control the css specifically for IE from my HTML, rather than having a separate stylesheet.

How would I go about doing this?

This IE issue has been plaguing me for ages now, if anyone knows the answer I'd be overjoyed.

Any help will be appreciated. Cheers.

Upvotes: 1

Views: 93

Answers (1)

R.Catalin
R.Catalin

Reputation: 11

type in head(in html)

<!--[if IE]>

<link rel="stylesheet" type="text/css" href="ie.css">

<![endif]-->

and then create ie.css(or what name you want to have) and here everything you write will be performed only for IE browser(all versions).

If you want only for a specific version of IE ( ie8, ie7..), replace from IE with "IE 8" or "IE 7"(without quotes). Also here is more codes:

<!-- [if gte IE 8]>
<link>
<![endif]-->

gte= greater than equal, and you can replace gte with: lt=less than, lte=less than equal, gt=greater than.

Sorry for english

Upvotes: 1

Related Questions