As much as we don’t like to deal with the IE bugs, we still have to face it because your boss and visitors are still using Explorer. It gets frustrating when different versions of Explorer displays web pages differently due to the inconsistent rendering engine. We typically use IE conditional comments to fix the IE issues. But there are more ways than the conditional comments…

View Demo IE Specific

#1 IE Conditional Comments

IE conditional comment is probably the most commonly used to fix the IE bugs for specific versions (IE6, IE7, IE8). Below are some sample code to target different versions of Internet Explorer:

  • <!--[if IE 8]> = IE8
  • <!--[if lt IE 8]> = IE7 or below
  • <!--[if gte IE 8]> = greater than or equal to IE8
<!--[if IE 8]>
<style type="text/css">
	/* css for IE 8 */
</style>
<![endif]-->

<!--[if lt IE 8]>
	<link href="ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->

#2 CSS Rules Specific to Explorer (IE CSS hacks)

Another option is to declare CSS rules that can only be read by Explorer. For example, add an asterisk (*) before the CSS property will target IE7 or add an underscore before the property will target IE6. However, this method is not recommended because they are not valid CSS syntax.

  • IE8 or below: to write CSS rules specificially to IE8 or below, add a backslash and 9 (\9) at the end before the semicolon.
  • IE7 or below: add an asterisk (*) before the CSS property.
  • IE6: add an underscore (_) before the property.
.box {
	
	background: gray; /* standard */

	background: pink\9; /* IE 8 and below */

	*background: green; /* IE 7 and below */

	_background: blue; /* IE 6 */

}

#3 Conditional HTML Class

The third option, which was founded by Paul Irish, is to add an CSS class with the IE version to the HTML tag by using IE conditional comments. Basicially, it checks if it is IE, then add a class to the html tag. So to target specific IE version, simply use the IE class as the parent selector (eg. .ie6 .box). This is a clever way and it doesn’t cause any validation errors.

<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html> <!--<![endif]-->

154 Comments

nigedo
Feb 23, 2011 at 10:54 am

Nice. Pretty well known by now but nicely summed up. :)

Philipp
Feb 23, 2011 at 11:04 am

I prefer option 2, al least the ie users are decreasing

Fred
Feb 23, 2011 at 11:12 am

I prefer the last option, but I’d use a serverside browser detection in stead of the conditional comments.

Wolfgang Keim
Feb 23, 2011 at 11:23 am

Last technique often proves to be a real timesaver!

Grégoire Lemaire
Feb 23, 2011 at 11:24 am

thanks for checking all of the options ! sooo many junk information on the net, final a reliable source !

Ariakan
Feb 23, 2011 at 11:30 am

Why don’t you use some valid hack for W3C compatibility (for IE6 and 7) ? ;)
.class{…} /*All Browsers*/
* html .class{…} /*IE6*/
* + html .class{…} /*IE7*/

It’s better. :)

Thurein
Feb 23, 2011 at 11:34 am

Wow,
It’s great.
Really useful

Mark Host
Feb 23, 2011 at 11:39 am

Been using number three since Paul Irish wrote about it on his blog. I believe its the easiest and most maintenance worthy solution.

Well known resource, but a good summary none the less.

Ade
Feb 23, 2011 at 12:02 pm

The 2nd option is my most used because I usually serve the same basic stylesheet for IE6 and 7 now. But I find a good use for option 3 whenever a CSS3 feature and its consequent absence in IE8 causes some problem (such as a loss of contrast, for example).

nico
Feb 23, 2011 at 12:29 pm

I agree websites should be USABLE with IE. That does not mean they should look the same (or be pretty at all), especially with IE6 and 7. If one uses a 10 year old browser he/she should know better than to complain about eye candy… and he will be used to see 90% of websites displaying like crap anyways. Much better is to EXPLAIN to clients and bosses etc. why they should stop to use an old and unsecure browser. Continuing to give IE user the same exact feel as the other users will not make the Internet a better place and will slow down the change to modern browsers.

Jacob Stoops
Feb 23, 2011 at 1:10 pm

I prefer to use #3 as my method to control that madness that is IE. Thanks so much for the great tips. I refer back to this site often for code-related questions!

KAMiKZ
Feb 23, 2011 at 1:13 pm

Thanks for this article, it is very useful indeed, now that I finished my app’s design for all other browsers, I have just started on making it work on IE as well. Do you have happen to have an article that lists the css properties that renders differently or use different syntax ( or won’t render at all) for IE than for the other browsers?

Or is there such a smart javascript libraries that just detects the browser being IE and converts all proper CSS syntax to IE compatile syntax?

THANKS!

Creative Agency
Feb 23, 2011 at 1:23 pm

nice tips, we could even use body classes btw.

Ralph
Feb 23, 2011 at 1:33 pm

The last way to css specific for the internet explorer is new for me. You write: “it doesn’t cause any validation errors”. This is great. I will remember me this way!

Yvonne
Feb 23, 2011 at 3:47 pm

I’ve never seen #3 before. Definitely sounds like a great way to handle different versions of IE. Thanks!

Andrew
Feb 23, 2011 at 4:45 pm

I’ve never seen the third option before. It’s certainly novel, but it means that all stylesheets have to be served even when the majority won’t be used. The first option is still the most efficient, I think. Using a combination of the first and third might be ideal depending on the situation and preference.

Sean
Mar 8, 2011 at 12:32 pm

Putting all stylesheets into one is a much better practice anyway. Less http requests increases load better than a few less lines of code.

Sean
Mar 8, 2011 at 12:33 pm

load times*

Apologies, I’m not well.

TANTEREA
Feb 23, 2011 at 5:46 pm

LIVE THE LIFE YOU’VE ALWAYS DREAMED OF MAKING LEGITIMATE MONEY FROM HOME. VISIT http://www.freedom.ws/tanterea. YOU TO CAN CHANGE YOUR FUTURE!

TANTEREA
Feb 23, 2011 at 5:48 pm

LIVE THE LIFE YOU’VE ALWAYS DREAMED OF MAKING LEGITIMATE MONEY FROM HOME. VISIT http://www.freedom.ws/tanterea. YOU TO CAN CHANGE YOUR FUTURE! ACESS CODE: tanterea

Ian
Feb 23, 2011 at 8:21 pm

In all honesty, I would say that option 1 is really the only valid way to handle things correctly. #2 relies on bugs that might be fixed or might behave differently in future versions and #3 requires that you load IE specific CSS rules for all browsers.

Also, it’s a really bad idea to use [if gte IE 8] as it will likely break when future versions of IE come out.

CuPliz
Feb 23, 2011 at 10:09 pm

Hi Nick,
Thanks for the #3! I’ve been stuck for 6 hours, find a way to do it. Now I can relax with the rest. Thanks!

ASK Technologies
Feb 23, 2011 at 10:26 pm

Nice css tips,thanks for sharing.

SteveB
Feb 24, 2011 at 4:43 am

I like #3 a lot! Cheers!

Diseño web en Madrid
Feb 24, 2011 at 6:32 am

I never see number 3, you can put it for Internet explorer 7,8 and 9? I didn’t know that

David
Feb 24, 2011 at 1:53 pm

I have seen the #3 in html5boilerplate I think.

Faraz
Feb 24, 2011 at 3:49 pm

There are very useful and problem solving tips in this article.IE is really becoming a headache for developers for the same reason that is mention here that people are still using it.

Ravikumar V.
Feb 25, 2011 at 8:37 am

this one saves me lot of time while implementing html pages….
Thank you

Web Design Doctor Chesterfield
Feb 25, 2011 at 11:53 am

Tips 2 & 3 have saved us considerable time on a current web design and development project. Much appreciated, team @ perceptant101.com

Hixster
Feb 25, 2011 at 4:00 pm

Nice write up thanks – hadn’t considered solution #3 before , but it seems really elegant and simple and leverages the benefits of the cascading nature of css.

Mythic Tech
Feb 26, 2011 at 4:04 am

there is merit in all three but I agree with the post above me that number 1 is the best, it has the least likely chance of having issues.

I will add though that I am so sick of cross browser issues, why they cant just get along is beyond me lol

Trevor Seabrook
Mythic Tech – Toronto Web Design

loreley
Feb 26, 2011 at 11:30 am

Except for no. 1, the other 2 solutions are not so clean – first, better to avoid hacks as they make your code less cleaner (and once IE6 is old enough not to require anymore our support & attention, it will be rather tedious to go through a big css file and start cleaning all the useless code.)
No. 3 can actually be tweaked to make it a bit easier – instead of giving a class to the html, you can wrap your whole html code in a for example, and then in your css you’d use it like this:
#ie6 .example {etc}

However, the issue I have with both these options is that they turn your code into an ugly soup (and no. 2 makes your css invalid). The first option allows for a nice & clean CSS, while all the IE specific food goes in a separate file.

loreley
Feb 26, 2011 at 11:33 am

forgot to put some spaces in my example! – what I meant was:
… you can wrap your whole html code in a for example

Widi Mawardi
Feb 26, 2011 at 12:07 pm

I dislike internet explorer, whatever version it will always still ugly.. i would rather told my boss how ugly IE is.

Riccardo Benetti
Feb 26, 2011 at 1:55 pm

I know this hack only for IE8: font-size: 12px/; using this / before semicolon.

Vikcon
Feb 26, 2011 at 2:09 pm

Thanks a lot for sharing the CSS insights and IE, the unavoidable monster

Matthew Fowles
Feb 26, 2011 at 2:30 pm

Hey great article thanks! Have not heard of option 2 before, shame its not valid really.

Elvis
Feb 26, 2011 at 3:52 pm

Nice article, also @Ariakan wrote in comments great method.

Erick
Feb 26, 2011 at 11:23 pm

Though Example 3 seems like a good solution, I wonder how well it would work if you have a large site where there are a lot of styles and loading all variations for all browsers may simply put a dent on performance.

I like Example 1 because it loads only when needed. I suppose if the site is small enough, it may not be an issue.

Good post for sure..

ertan
Feb 27, 2011 at 4:04 am

nice article.
thanks

Kevin
Feb 27, 2011 at 12:07 pm

Thanks for sharing! We use #3. We also told our clients We will stop supporting IE7 or below.

zakk garcia
Feb 28, 2011 at 4:32 am

Thank you. This helped fixed my CSS issues on IE browsers.

Looking for high quality web design services and CMS development team? I tried http://www.webdesign.8rf.org they also have cheap unlimited website hosting plan.

Logo Design
Feb 28, 2011 at 4:44 pm

Good ideas – I use IE myself simply out of habit but I find a lot of pages I go to don’t load properly and I am guessing that your discussion here is part of the reason why. But when it is so easy to upgrade your current version of IE why don’t more people do it?

Dana
Mar 1, 2011 at 3:45 am

Nice, didn’t think of option #3. might get handy! thanks

David
Mar 1, 2011 at 7:01 am

Why can’t huge organisations like the NHS (UK) and Military (you know who you are) just get their frickin acts together and stop using IE6? AAAARRRGHHHHH

add2seo.com
Mar 1, 2011 at 3:20 pm

SEO Directory
Free to Add Your Website Our easy to use SEO Directory and tutorials make search engine optimization accessible to everyone.

add2seo.com

Vivoo Creative
Mar 1, 2011 at 9:22 pm

Nice article :D

Maziar Ahmadi
Mar 2, 2011 at 12:26 am

Great article. I think the design community needs to stand united against old browsers like IE6 which are holding back the web.

If all web designers stop supporting the old technology, eventually users loyal to the old browser will have to upgrade.

I wish to some day see the day when we can move forward with HTML5, CSS3 and newer, more efficient technologies.

sandeep
Mar 2, 2011 at 2:46 am

nice article.. thanks for sharing… :)

Erwin Francis Cutanda
Mar 2, 2011 at 2:58 am

Very nice, thanks

rado
Mar 2, 2011 at 7:53 am

#3 looks very good. Sometimes it’s adequate to use a CSS3 selector to differentiate between IE and normal browsers, thus keeping the nasty IE conditional tags out of HTML. I also used the “*” and “_” tricks, but now they stopped working, no idea why?

Regards.

Pixeno
Mar 2, 2011 at 1:25 pm

Nice post.

I always get frustrated when things don’t work for IE.

Web Designer London
Mar 3, 2011 at 5:04 am

Great this is a really nice post. I would be sharing this post with our web designers weekly session.

Web designer Lt
Mar 4, 2011 at 8:13 am

Nice article, thanks.. iF–_–

HTML Codes Dude
Mar 4, 2011 at 4:51 pm

I used to use conditional statements in my designs just to do the CSS work arounds correctly but then I decided that if Microsoft could be bothered in the last 10-12 years to even attempt to create a browser that is close to the web standards of the day then I’m not going to spend time seperating out my IE CSS. So I’m option 2 all the way now!!

Mark
Mar 4, 2011 at 6:01 pm

Thanks for the post, I’m new to web design so this helps a lot (Stupid IE 6)… There is one other option to consider? Just add a link for users to download a real browser like Firefox, Chrome, Safari, Opera etc. :P

Adrian
Mar 4, 2011 at 6:49 pm

I remember being initially relieved at finding these hacks years ago. They solved the occasional inconsistency at a time in the web’s history when rendering engines had a forgiving attitude towards weak standards compliance. This was mainly because IE was overwhelmingly the dominant browser and however things rendered in IE was a practical (if not a de facto) standard. However the fact that we are still having to use these hacks makes me upset.

I sometimes like to do a thought experiment where I put myself in the shoes of the developers at Microsoft who are responsible for IE and ask myself how I’d approach the requirement to implement those IE conditional statements and version specific CSS hacks in the rendering engine. I’m sure the initial justification would have been that it is doing a service to the web community by giving them a handy backdoor to manipulate the rendering behaviour in the *rare* case when it might be needed. I’m sure back when IE6 was being created they never thought the use of these hacks would be so ubiquitous. But it begs the question as to why you’d be satisfied with a browser release that leaves so many standards insufficiently implemented that such a backdoor is necessary?

I’d like to think that in that position I would have advocated for a more standards compliant core product. I understand there are constraints and pressures in any project, and a release of the most widely used browser in the world must be a mind bogglingly complicated undertaking, so let’s say IE6 was unavoidably compromised. I’m sure I would want to put those compliance issues to bed in IE7… or IE8. If I was the developer implementing the same code in IE7 that interprets these hacks I’d definitely be upset that a product that I’m involved in was still compromised to such an extent that the hacks were necessary.

By IE8 though there’d be an even worse thing nagging my conscience, it would be the thing that would truly deny me the pride I should feel in working on such a widely used and significant piece of software (as IE undeniably is). That would be the knowledge that countless numbers of my fellow web developers are going to be putting these conditional hacks into their website code for years to come, most would be doing it because they are conscientious, diligent workers who want their client’s sites to be as good as it can possibly be. I’d feel most ashamed for what I’m forcing those web developers to do. If only I’d cared about my own product enough, those guys’ jobs would have been quite a bit easier.

world web designed
Mar 4, 2011 at 9:30 pm

Great article…. thank you…

Webdroid
Mar 5, 2011 at 9:57 am

Even Mic is finally trying to kill ie 6 ! :

http://windowsteamblog.com/ie/b/ie/archive/2011/03/04/counting-down-internet-explorer-6-usage-share.aspx

respectfully

css splash
Mar 6, 2011 at 4:41 am

Useful Article Css Splash | Webdesign Inspiration gallery

yashwanth
Mar 6, 2011 at 8:29 pm

Owesome Theme.

gvon
Mar 6, 2011 at 11:28 pm

I prefer to just use the CSS3 :not pseudo class

#content {
/* css for all browsers */
}
#content:not(#ie7or8) {
/* fancy css for modern browsers, that ie6 and ie7 won’t see */
}

Mobarak Musaied
Mar 7, 2011 at 1:35 am

Nice Tutorial …

Web Design Nottingham
Mar 7, 2011 at 10:07 am

Nice advise! Thanks

rado
Mar 8, 2011 at 3:47 am

Also, I would do IE fixes buried in the .js file. It’s radical and not too subtle, but has 2 advantages: none of the HTML/CSS code is polluted by IE fixes and we can use CSS3 selectors for IE with jQuery.

Nevikup
Mar 8, 2011 at 9:53 pm

Good Article,
Thanks.

Alan
Mar 9, 2011 at 11:30 am

Why not use something like Modernizr that adds classes to the html tag (like what’s done in the HTML5 Boilerplate) to target specific versions of IE? I’ve found that to be the easiest solution for me.

ivas
Mar 10, 2011 at 4:34 am

Good!
Thanks.

Wordpress Blog Designer
Mar 10, 2011 at 7:53 am

Wow that was Cool for IE….and I a looking forward for more Cool IE CSS combination effects…

John Nevin
Mar 10, 2011 at 11:01 pm

is this w3c standard ????

Amanda
Mar 13, 2011 at 5:31 pm

I have always had trouble making a good website design layout that is also compatible with IE. All other browsers are not a problem, but IE usually is the headache.

Jared
Mar 14, 2011 at 12:48 pm

I find using a chunk of css to reset browser defaults helps a lot, even with ie7. We don’t support ie 6

seb
May 12, 2011 at 6:36 pm

yeah since I started using a reset stylesheet I have less problems.

Manish Salunke
Mar 15, 2011 at 12:24 am

very nice

girls dress up
Mar 15, 2011 at 11:24 am

it’ s really nice post,thanks for share information

Spencer Thornock
Mar 15, 2011 at 4:24 pm

Someday, my dreams will come true and I’ll wake up and Internet Explorer 28 will be out and finally standards compliant :)

Good tips, always have to include some minor adjustments to make my designs sing in IE6/7/8 … stupid IE, you would think that Microsoft with all the resources in the world would get their together… I think they’re just punishing the world by holding web standards back because they lost the ant-trust lawsuit…

Dave
Mar 18, 2011 at 1:54 am

This is NICE :-)

Dylan van der Heij
Mar 18, 2011 at 5:24 am

On our newly configured websites we used http://css3pie.com/ to make the CSS3 things work in IE. Works amazing and handy!

For all other basic IE stuff ofcourse you will need the tips above, thnx for this explanation!

oliver
Mar 19, 2011 at 5:47 pm

obviously you didn’t test your hacks before you posted them.
\9 hits ALL versions of IE (including 9)

Jon
Mar 21, 2011 at 12:09 pm

Having to use these hacks gives me a headache. At least Microsoft is now joining the campaign to end the abomination that is IE6: http://www.ie6countdown.com/

Adriana @ Cheap Marquee
Mar 21, 2011 at 5:52 pm

Very useful post. I agree with Jon. I hate to make special code ONLY for IE6 which is one of the worst browsers EVER! But either I like it or not, it needs to be done until this browser fades away completely (hopefully) I have been looking for a post that gives tips for IE6. I will share it in Facebook. Thanks

dan
Mar 22, 2011 at 1:43 am

http://webdesignersbest.com/

online project auction for clients and web designers

also buy services on site. web design, graphics, etc.

Chat medium
Mar 23, 2011 at 4:54 am

This is really interesting! I’ll visit this site more often to learn new things about French. I love this site! I’ll recommend this to my friend!

Fashionnnnnnnnnnn
Mar 24, 2011 at 4:08 am

That’s really usefull for me. Thanks for sharing. Love you.

Brugge Restaurant
Mar 24, 2011 at 6:55 am

this is a really use full for me. Thanks for sharing. Love you.

fuss3 Printer toner cartridges
Mar 24, 2011 at 11:39 am

Great prices on printer toner cartridges from fuss3. Original and compatible to choose from.

Ataxia200
Mar 29, 2011 at 10:21 am

I really <3 anything you do. This is soooo awesome!!!

Web design uae
Mar 30, 2011 at 2:02 am

Yeah! I very much agree that most of the users are still using IE.And thanks for the awesome tips.

Navratan
May 28, 2012 at 11:00 am

Great post!! very informative.
Thank you very much for such a lovely and informative post.

Alghero
Apr 4, 2011 at 2:36 pm

Unfortunately, there are too many people who use IE and I think that with IE9 will be the same old story. MS please quit producing garbage software, thks.

Ocular Concepts
Apr 5, 2011 at 2:51 am

Indeed IE and all its versions are a pain…everywhere. Thanks for these IE specific CSS solutions

Simran
Apr 12, 2011 at 9:05 am

Nice post

Simran
Apr 12, 2011 at 9:07 am

Very informative post. i am in research for my career in web designing. Thanks for posting this valuable information.

http://www.promowebperu.com

Aravind
Apr 15, 2011 at 7:45 am

http://rafael.adm.br/css_browser_selector/

dexx
Apr 17, 2011 at 1:08 pm

Recent surveys, children of depressed mothers’ negative patterns of activity occurring in different brain reveals. This is for children of mothers who take more risks in the future is going to have depression.

Neil
Apr 29, 2011 at 12:06 am

wtf?

Dysko
May 25, 2011 at 7:04 am

wtf x2 :)

Mehmet
Jul 14, 2011 at 11:22 am

it was only spam.

Jon S.
Apr 18, 2011 at 4:27 pm

This information is clear, concise, and well put together.

I hate IE.

I just made the following on my website, using your information:


Your version of Internet Explorer is incompatible with this website.
Please update or use a different internet browser (e.g. Mozilla Firefox)

=)

dan
Apr 20, 2011 at 11:47 pm

http://crab-tree.com is now a worldwide web design services website

Ravinder
May 31, 2011 at 12:55 am

Thanks.It really worked for me.

Mont Blanc Pen
Jun 13, 2011 at 9:36 pm

What is friendship?Mont Blanc PenWhy do we call a person our friend? When do we call someone a very good friend?

Vernon Website Design
Jun 18, 2011 at 10:20 pm

Thank you!!! I’ve been struggling with this for some time.

Sachin s
Jun 23, 2011 at 8:10 am

Thank it working correctly but what about Chrome, Safari, Firfoxe, is there any code for same way !!!!

Joe Smith
Jun 27, 2011 at 12:42 pm

I love this i want more on this subject
any references please?

Lee
Jul 4, 2011 at 6:35 am

Many thanks, very useful. Can’t wait until the day IE loses its market share.

Website Design Australia
Jul 10, 2011 at 7:47 pm

Your article is very informative. Thanks for posting this. Seriously I hate IE. Also I have some question about the codes for Chrome and Firefox? is there any code for them? and if it is possible for you to share me more about it that would be great.

orhanbt
Jul 15, 2011 at 4:13 pm

This is verry good.

Paweł Rychlewski - malpa.net.pl
Jul 19, 2011 at 1:13 am

In some cases you coud use !important marker to trick IE browsers. The advantage of using !important is that your CSS file remains valid.
Thanks for good concise post.

JB
Jul 21, 2011 at 11:37 am

background: blue /; /* IE 9 */

JB
Jul 21, 2011 at 11:54 am

background: blue \ 0 /; /* IE 9 (\ 0 /without space) */

complex41
Aug 23, 2011 at 12:56 pm

And then he handed you the thirty-five 45

Web design Cambridge
Jul 26, 2011 at 7:07 am

Great. We been having some problems with a Joomla site not displaying well in IE. Why has Microsoft had so much trouble with html over the years? ;-) . This article will be bookmarked and emailed to colleagues!

Daniel Lemes
Aug 5, 2011 at 4:18 pm

I do the same question. Unbelievable how so big company can still produce crap such as IE. Each new version, the problems remains. What the hell they do?
Great tip, no doubt.

vinoth kumar
Aug 31, 2011 at 12:30 am

Thank you very much for the clear tips to run the CSS file in IE.

Web Design Richmond
Sep 2, 2011 at 10:57 am

Great tips. Thanks for bringing that out. It’s very helpful =) keep up!

santrozen
Sep 12, 2011 at 12:08 am

going crazy with this different browser. why there is not a unique css code for all?

mybookmart
Oct 3, 2011 at 4:11 am

ohhhh nice i like this

Jenifa
Oct 6, 2011 at 3:10 pm

Option 3 does not seem to work with IE9. any other suggestions?

Thanks in advance!

raghu
Oct 28, 2011 at 11:09 am

awesome bro keep it up

bikeman
Nov 4, 2011 at 9:43 am

Hacks and Fixes for IE perpetuate the use of this obsolete browser and stagnate web page development. Do not use IE hacks. Encourage your site visitors to upgrade their browser.

Tina
Jan 31, 2012 at 8:25 am

Bikeman, spoken like a true self-centered, arrogant web developer. Grandma Gertie is NOT going to want to upgrade her browser. Hell, she barely was able to figure out the ‘computer thing’ and just learned how to check her email. If you’re a true professional, you will find a way to code the CSS to deal with IE. It’s part of our job. Deal with it. Supposedly, you know more than Grandma Gertie. Prove it.

Spencer
Feb 16, 2012 at 10:09 am

Not only does Grandma Girtie now want to nor know how to upgrade their browser but MANY corporations were required to custom build their online applications for internal use for IE6 because it was such a BAD browser. Many of those companies don’t want to redesign their apps *again* and force their employees to use IE6 still to this day.

randurk
Nov 20, 2011 at 1:12 am

good, simple and its work with chrome, firefox and ie 6.
thanks.

Facebook URL Shortener
Dec 21, 2011 at 1:05 am

Excellent post, really very helpful, thanks for sharing it here, i really found this useful for running the CSS file.

Dejan
Dec 28, 2011 at 9:19 am

Thank you very much for this post :)))

Akhil
Jan 15, 2012 at 11:00 am

IE still have so many problems with css, our site is working fine in IE7, IE8 but had some problem with IE9, didn’t expected IE9 to be worse than earlier IE :)

Thanks for the tips.

Ann Marie {Cascade Valley Designs}
Jan 25, 2012 at 12:04 am

Thank you so much. Finding this post saved me from a frustrating font problem I had on my site with only IE9 . I used #2 (\9;)and it worked beautifully. This will definitely be a saved post in my tips folder. Cheers.

Ron Richardson
Feb 1, 2012 at 9:48 pm

Wow… #2 \9 works like a charm… Thanks !

ads
Feb 2, 2012 at 12:18 pm

ads

Jim S
Feb 6, 2012 at 4:30 pm

Doesn’t work with px amounts?

right: 35px\9;

Dhrubo
Feb 14, 2012 at 10:41 pm

display: none\9;

is perfectly worked for me.

thanks a lot. :)

ajcoder
Feb 17, 2012 at 2:14 pm

I found this site helpful. But then realized this infromation was in the comment above. Dope!
http://stackoverflow.com/questions/7364891/how-to-define-specific-css-rules-for-ie9-alone

:root #element { color:pink /IE9; } /* IE9 */

Omar
Feb 22, 2012 at 11:36 am

Thanks alot for this.

JT...
Mar 21, 2012 at 9:51 pm

background: pink\9; /* IE 8 and below */
This works in IE9 too.

Zoffix Znet
Jun 19, 2012 at 1:17 pm

Except that’s invalid CSS that has possibility of choking some UAs.

e11world
Apr 3, 2012 at 2:25 am

Very useful! I’m using it on all my projects now.

jhuna
Apr 17, 2012 at 7:25 pm

Thanks a lot! Really saved me! :)

Tanja
May 29, 2012 at 9:39 am

HI, I want to recommend http://www.elcoplanet.com to all of you who are hosting your pages or you are doing reseller web hosting business, I have been using acvilla.net ixwebhosting.com etc. with years and all they have expencive prices and lot of limitations,www.elcoplanet.com offers lowest prices and high class performances of hosting Reseller Hosting, Master Reseller Hsoting, Alpha Master Reseller Hosting and Their special product Super Alpha Master Reseller Hosting

Keerthi
Jun 13, 2012 at 1:48 pm

This is quite helpful. Thank you for putting it up in here.

rohit
Jun 27, 2012 at 1:07 am

Very useful! Thanks :)

Iulius Mihai
Jul 3, 2012 at 3:13 pm

HI, I use


in my website Handmade Retail Group

Teressa
Jul 4, 2012 at 1:34 am

Hallo, I am interested for Alpha Reseller and Super alpha reseller web hosting..I wanted to ask does http://www.elcoplanet.com offer these plans ? I can see plans listed on their page but I wanted to ask do you or some one else have experience with Alpha Reseller and Super alpha Reseller plans..
Because I really need unlimited web hosting space and web hosting bandwidth and I can see that they have cheapest prices..and also some promotions !

Ahmed
Jul 8, 2012 at 8:16 am

sooooo nice very good solution

baskaran
Jul 11, 2012 at 5:43 am

your info is not bad.But try to give some new things !!!!!

Bhupathi
Jul 25, 2012 at 4:41 am

Excellent details

CSS
Jul 25, 2012 at 1:26 pm

I like this solution. But when I try to use, It is not effect.

visit site
Aug 2, 2012 at 6:13 am

Do you have a spam problem on this site; I also am a blogger, and
I was wondering your situation; many of us have created some nice procedures and we are looking to exchange solutions with others, be sure to shoot
me an email if interested.

Alquiler yates Ibiza
Aug 2, 2012 at 7:11 am

I have been using acvilla.net ixwebhosting.com etc. with years and all they have expencive prices and lot of limitations,www.elcoplanet.com offers lowest prices and high class performances of hosting Reseller Hosting, Master Reseller Hsoting, Alpha Master Reseller Hosting and Their special product Super Alpha Master Reseller Hosting

Brian Kueck
Sep 27, 2012 at 9:17 pm

It’s time to re-think this hack:
top: 260px\9; /* All IE versions. Chrome sees this now too! It complains that “top: 260px 9;” is an invalid CSS rule, due to the space. */

Dymo L
May 24, 2013 at 4:08 pm

Excellent post. I will try to make this kind of specific CSS for Internet Explorer to make it fast :D

Shoib Mohammed A
May 26, 2013 at 12:52 am

First method is good, because it will be good for debugging and adding new styles for ie, if we keep it in a separate file.

Lokendra
Jun 11, 2013 at 12:40 am

Really helpful. Thanks a lot for this tutorial.

Rodrigo
Jun 11, 2013 at 2:35 pm

Thank you was having problems with IE7….

Sai Swetha Patnaik
Jan 4, 2019 at 2:05 am

In which technology is this implemented ?

Post Comment or Questions

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.