10 ways to make Internet Explorer act like a modern browser

Like many other web developers, I definitely hate Internet Explorer, especially the version 6. At a time where new and powerful techniques as such as HTML5 and CSS3 are emerging, it's not surprising that IE can't handle them correctly. Luckily, a few tricks can make your life easier.

Enable HTML5 on IE

Ever heard about HTML5? If you’re interested in web development, there’s no doubt about it. For those who doesn’t know, HTML5 is the next major revision of HTM; the core markup language of the World Wide Web.
Most modern browser can already handle, at least partially, the new HTML5 recommendations. But as Internet Explorer isn’t well known for its sense of innovation, it will simply ignore the markup.

The html5.js is a very interesting project which aim to make Internet Explorer HTML5 compatible. The only thing you have to do is to embed the html5.js script in your html document header. You can hotlink the script, as shown in the example below:

<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

» Source : http://remysharp.com/2009/01/07/html5-enabling-script/

Use the text-shadow CSS property on IE

Due to the recent implementation of the text-shadow CSS property in Firefox 3.5, designers started to use it quite intensively. Today, most modern browsers can render this property pretty well, but once again, IE ignores it.
Happilly, the proprietary, IE-only filter property can imitate text-shadow quite well. The example above shows how to apply the text-shadow property to modern browsers and filter to IE. Note that due to the fact filter isn’t a standard CSS property, it should be isolated using conditional comments.

If you’d like to learn more about the text-shadow property, don’t forget to check out our list of resources to get the most out of the text-shadow property.

p.shadowed {
  text-shadow: #0000ff 0px 0px 3px; /* Modern browsers */
  filter: glow(color=#0000ff,strength=3); /* IE */

» Source : http://www.howtocreate.co.uk/textshadow.html

CSS box-shadow on IE

In my opinion, box-shadow is one of coolest new CSS3 properties, because it allows you to easily create beautiful shadows on any kind of html element, without using any images. A real achievement for designers and front-end web developers!

    box-shadow: 10px 10px 5px #888;

But, don’t ask if Internet Explorer can handle box-shadow. It can’t.
Once again, to imitate the box-shadow CSS property, we’ll have to use the filter proprietary property, as shown in the following example:

.shadowed {
        progid:DXImageTransform.Microsoft.DropShadow(color=#969696, offx=1, offy=1)
        progid:DXImageTransform.Microsoft.DropShadow(color=#C2C2C2, offx=1, offy=1)
        progid:DXImageTransform.Microsoft.DropShadow(color=#EFEFEF, offx=1, offy=1);

» Source : http://ole-laursen.blogspot.com/2009/08/using-css3-box-shadow-with-ie.html

Rounded corners!

Ah, rounded corners. They are so popular with their “Web 2.0” look and feel. The CSS3 specification understood it, and created a property, named border-radius, which is designed to easily create rounded corners without using a single image.
For those who doesn’t know, here’s how to use border-radius:


Fortunately, there’s several ways to create IE-compliant rounded corners without using images. My favorite is DD roundies, a small piece of javascript that can round any kind of HTML element.
The following example will create rounded corners on any HTML element with the roundify class.

<script type="text/javascript" src="DD_roundies.js"></script>
<script type="text/javascript">
  DD_roundies.addRule('.roundify', '10px');

» Source : http://www.dillerdesign.com/experiment/DD_roundies/

Multi column layouts

CSS3 allows you to automatically display some content in columns. This is a great thing as it give designers a lot more possibilities to create awesome layouts.
The following CSS will work on Firefox and Safari. It will automatically add columns to a div element.

.column {
    -moz-column-width: 13em;
    -webkit-column-width: 13em;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;

Unfortunately, there’s no way to do something similar on Internet Explorer. But jQuery and its columnize plugin are here to help! The following example shows how easy it is to create columns using jQuery and columnize:

$('#myotherdiv').columnize({ width: 200 });
$('#mythirddiv').columnize({ columns: 2 });

» Source : http://welcome.totheinter.net/2008/07/22/multi-column-layout-with-css-and-jquery/

CSS3 pseudo-selector emulation

CSS3 introduces lots of extremely useful selectors. Among others, the :nth-child() pseudo-class targets an element that has a certain number of siblings before itself in the document tree, as shown below:

p:nth-child(3) {

As you can guess, these kind of things are way too advanced for IE. To overcome this problem, Keith Clark created a very useful script named ie-css3.js.
Using it is easy: Download Robert Nyman’s DOMAssistant, Keith’sie-css3.js and link them in your HTML document header.

<script type="text/javascript" src="DOMAssistantCompressed-2.7.4.js"></script>
<script type="text/javascript" src="ie-css3.js"></script>

» Source : http://www.keithclark.co.uk/labs/ie-css3/


Opacity is another CSS3 that IE can’t render. It’s such a pity because being allowed to interact on the opacity of a particular element is very interesting in terms of web design.
Again, the crappy filter property can help us to achieve a satisfying result on IE. The example below shows how to use filter to make an element transparent.

    opacity:.7; /* Standard CSS */
    filter:alpha(opacity=70); /* IE patch */

Rotating HTML elements

Rotating elements is possible with CSS3, using the transform property.

transform: rotate(240deg);
-webkit-transform: rotate(240deg);
-moz-transform: rotate(240deg);

Internet Explorer will simply ignore all of the 3 declarations above. But hey, IE users got filter, don’t they? Sure, this property isn’t W3C valid, but since it’s Internet Explorer, you shouldn’t ask too much. The following code will imitate transform on all versions of IE:

filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.86602540, M12=0.50000000, M21=-0.50000000, M22=0.86602540);

» Source : http://msdn.microsoft.com/en-us/library/ms533014%28VS.85%29.aspx

RGBa support

The “a” in RGBa stands for alpha. This new feature allows developers to specify an opacity value for a color, which is extremely useful when coding a website.

 .color-block {
    width: 50%;
    background-color: rgba(0, 0, 255, 0.2); /* Modern browsers */

As usual, Internet Explorer shows its lack of innovation and its inferiority to other browsers with no RGBa support at all. Fortunately, filter can achieve a quite similar effect to RGBa:

<!--[if IE]>
<style type="text/css">
.color-block {
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=#99000050,endColorstr=#99000050);
    zoom: 1;

» Source : http://css-tricks.com/rgba-browser-support/

IE compliant font embedding

For the past 15 years, the web has been dominated by a few fonts such as Arial, Verdana, Courier and most notably Times New Roman. Those fonts are labeled “web safe”, which means that almost any computer has them installed. (By the way, they aren’t installed on GNU/Linux because they’re not free)
But for a year or two, font embedding has become a very interesting and loved technique: It allows you to embed a particular font in your design so your users will see it, nevermind if they have the font installed or not.

Among other techniques, the @font-face method is probably the most clean. Believe it or not, IE has been supporting font embedding since version…4! This is a good thing, but since Microsoft can’t do anything like the others, your font has to be on the proprietary eot format and you have to use a different declaration to embed it on your web pages, as shown below.

Note that if you need to convert a font in Microsoft’s eot format, you can use this free online tool.

@font-face {
    font-family: " your FontName ";
        src: url( /location/of/font/FontFileName.eot ); /* IE */
        src: local(" real FontName "), url( /location/of/font/FontFileName.ttf ) format("truetype"); /* non-IE */

/* THEN use like you would any other font */
.element {
    font-family:" your FontName ", verdana, helvetica, sans-serif;

» Source : http://randsco.com/index.php/2009/07/04/p680

Any similar techniques you’d like to share? Feel free to leave a comment!

  • That’s what I call an excellent post. Bravo!

    • yogeesh

      What CSS property should I use to get a border around an option tag in firfox,ie and chrome?

  • Please give IE an eternal rest. Do not feed it with these steroids. Steroids is double edge swords.

    • Whilst nearly every web developer I know wants IE to hurry up and die, unfortunately our clients who pay us to make things work still want their sites to look good in that old dinosaur.

  • Too bad the box-shadow for IE doesn’t look good on a transparent background. IE gives me headaches.

    • Agree, IE is just too slow for me, Now I am trying G Chrome. Cannot open too many flashy websites but its ok.

    • Some IE css3 properties, including box-shadow are supported by PIE http://css3pie.com – the performance is good enough.

  • @Marco : Thanks for the compliments! It is very motivating to read comments like yours 🙂

  • Wow, this is just what i needed! Thank you very much for summing this up.

  • EstyH

    These tips are great. I want to point out however, that IE treats shadows as part of the element’s height/width. So you will have to adjust margin/padding especially for IE to get the layout to look like the other browsers…

  • Sorry, but I have to disagree with this post. I think progressive enhancement is the way forward, rather than adding extra mark-up and javascript purely to support a heavily outdated browser. Why add extra mark-up and javascript just to achieve rounded corners and shadows? IE users can live without these minor aesthetic effects, we shouldn’t be bloating our code for their sake. The only thing I can see the worth in is forcing IE to support HTML5.

    Adding all this extra mark-up and relying on javascript for key functionality (the HTML5 fix) goes against modern web standards and accessibility.

  • Nice collection, thanks a lot! Do you know about ie7-js? Helped me a few times..

  • Hi,
    that’s really useful post. I just needed some information how to make font shadow working on IE.
    Great work 🙂

  • Super! I’m impressed with some of the clever javascript fixes developers have come up with, thank you for rounding them up here. I was just recently thinking about how great it would be to have stuff like this, so now I don’t have to write it myself!

    Good job, Jean-Baptiste!

  • Good post 🙂 But I never use IE, before I used Opera but now MF is my favourite browser 🙂

  • Yeah, great article, but many of these things don’t pass the CSS validation !

    • Marc

      Which is why IE “isn’t on board” with CSS3 yet. Everyone seems to be pro FireFox here, so I guess I’m a minority here, and while this is a really good article, my life was a lot easier as a web designer, when all of these other browsers didn’t exist. Sure IE had it’s “quirks” but long ago, this was the only browser that I checked to make sure a website looked good in, and because I was checking websites in IE only, there was only a little extra code for the fancy stuff, and most of the fancy stuff isn’t necessary, so if something doesn’t show up in IE, who cares?

      If many of these things don’t pass CSS validation, is this because a lot of the other browsers are “jumping the gun” on CSS3? Is Microsoft really that slow? Or is Microsoft taking a little more time to test things before just releasing it?

      Just some things to think about.

      • andy

        “The fancy stuff” is necessary. Because “the fancy stuff” of today will be the standard of tomorrow. There was a time when color was fancy stuff. Imagine if cable companies never broadcast in color because color tv’s were only for “fancy people”

        the point is IE needs to keep up or die off. There’s only 2 browsers in the world: The ones that work, and the other one that doesn’t.

  • Thank you for the tips. However, I think you can’t really say that IE lacks innovation, because the filter property was added to IE more than 10 years ago when css3 didn’t even exist. By then, IE was already offering these features to web designers. If that’s not innovation to you, I don’t know what it is. I would say it is not innovation its problem, but lack of standards support.

  • Eliseu

    Damn, we programmers are trying to make IE extinctic and you’re trying to bring it back! IE is bad for us and is bad for users, what’s the advantage? DirectX rare plugins? -.-‘

  • I Hate IE6 more than my mother-in-law 🙂 . It Is Web Designers and Developers Hell!!! Burn in Hell IE and Bill Gates too!!! Long Life Google Chrome and Firefox!

  • Tom

    Really awrsome, thanks for this writeup. Makes it a lot easier to deal with the daily problems occuring when using that non standards compatible browser.

  • @Codesquid & @Eliseu : Don’t worry, I’m with you. IE is 100% crap and we should get rid of it.
    The reason I wrote this post is that unfortunely, you’ll always find a boss or client who’ll force you to code an IE6-compliant site. Then, you may be happy to know the techniques I have featured in this post 😉

  • I admire that really work hard to manage, collect and post it, but….. I wouldn’t appreciate the post as we (web developers) are not going to take extra headache for dead one (IE6), we are just looking forward for its funeral to get ended. Please move forward.

  • I think all web developers should charge extra for compatibility for IE6.
    It is almost 10 years old and it’s definitely not obvious to try to meet it’s special needs.

    Anyway, great set of css tricks!

  • Any idea of the current percentage of IE6 users still out there?

    As a beginner developer I am still catering for IE6 as I don’t want to drive away any business, but it would be nice to start playing with CSS3!

  • Adrian

    I agree with Codesquid. Please, stop doing this kind of things to ‘get IE up to date’.. it’s an OLD and horrible browser, so treat it as it. Don’t try to keep it alive.
    And as Codesquid said, at least do not do it with minor aesthetics things like round corners or shadows..
    Thanks anyway.

  • Pingback: 10 ways to make Internet Explorer act like a modern browser « Tokotaku()

  • Pingback: James A. Arconati - links for 2010-02-01()

  • Pingback: 10 Formas de hacer que Internet Explorer actúe como un Navegador Moderno | Recursos para Diseñadores Gráficos y Web | Creativos Online()

  • Awesome, I like this what you have done

  • @Omer : Definitely. Most of the time fixing IE6 bugs takes more time than making a W3C valid code works on any other browser!

  • I think any extra energy put into making your product more ‘compatible’ with a shitty browser like IE is a waste of time.
    I’m actually considering to block visitors with IE…once I’ve re-designed/re-coded my sites!

    The more I make my site W3C compliant the more I see how shitty IE is…

    We as (humble) bloggers/developers/designer should take the lead, since most of our visitors are tech savy anyway and we should be able to make our visitors clear ‘why’!

  • Pingback: Enlaces de interés: 02/02/2010 | Los Links de Félix()

  • Wow, awesome sumup of IE compatibility hacks and tricks!
    Thanks a lot! very helpful.

  • Alex

    10 ways to make Internet Explorer act like a modern browser:
    1) Use Firefox Instead, be amazed
    2) Use Chrome Instead, be amazed
    3) Use Opera Instead, be amazed
    4) Use Safari Instead, be amazed
    5) Delete Internet Explorer Links from your desktop
    6) Delete Internet Explorer Links from your Quick Launch
    7) Delete Internet Explorer Links from your Start Menu
    8) Try to forget you ever used that garbage
    9) Kick Steve Ballmer in the Nuts
    10) Live happily ever after.

    • Unfortunately, no web designer or developer can just delete IE off of their browser; we have to keep in mind that a lot of our prospective users and our clients’ users still use it, so we need it to test our projects. Trust me, I wish I could just junk it!

  • Great post, you know it is sad when a browser created by Microsoft, the very company that has lead us into the modern day by enabling us to use the internet, I am both amazed at these tips, and shocked that MS missed out on so much.

    I havent used internet explorer in years, I dont plan on using it again, personally I think that MS should simply give up and start talking with Mozilla or something.

  • Very good article, and nice resources but i think what us web designers need to stop trying to make our website to look the same in every browser. Don’t necessarily need to. We need, yes, to adapt our style to different browsers, in the meanwhile encourage users to update or adopt better browsers for better U.I. experience.
    But really nice peace of code you have here!

  • erikdana

    AHAHHAHA, that’s gold: “Internet Explorer isn’t well known for its sense of innovation”.

    I gotta say I knew almost all of those, but RGBA and multi-column are totally new to me, nice article!

    It is very dissapointing to have to write so many IE hacks for simple codes, css came to simplify everything and IE blew it, there are so many great and simple things in css… but we’ll have to wait until it’s cross-browser compatible ¬¬…

    it’s like getting a christmass present and not being able to use it.

  • Nice post – f**** IE will never die – but with these tricks we kick IE to a new level… 🙂

  • Awesome. Thanks Jean.

  • Pingback: 10 ways to make Internet Explorer act like a modern browser | Design Newz()

  • Being a designer that is FORCED to “make it work” in IE6 all day long, I’m SO glad to know I can finally code non-suck pages with some DECENT styling!

    As much as I can’t WAIT for the day that IE6 finally dies, this will definitely help me out for now. Thank you for sharing these tricks!

  • Wonderful!! I love this article!!

  • cg

    I read that worldwide, IE6 represents 10-15% of browser usage – however, I run the web site for my company and a full 40% of our visitors are still using it. I can’t tell 40% of our customers that they need to update their browser, especially since most of them work for companies that don’t allow users to make changes to their own computers.

    As always, the first rule of anything web related is “know your audience”.

    Therefore, as much as I’d like to see IE6 go (and I’m hoping that the recent security problems will force some of our client companies to seriously consider upgrading) anything that helps me serve these poor souls better is welcome.

  • javascript fixes for IE’s css rendering flaws aren’t really fixes at all. they’ll ultimately decrease the performance of your site, especially on older/slower machines

  • well, these are indeed a few usefull tips!
    but as a webdeveloper i still hope, that the nine year old ie6 is gonna die this year, and not celebrating his tenth birthday 😉

  • thanks for the post, I will be keeping it in my css bookmarks folder for later use. However I have to say my heart sank when I saw yet another title beginning ‘how to make IE6 ..’.
    Oh how I yearn for the day I never feel the need to read another one again! I can’t describe how much I hate that browser, and yet like many of the other people who commented it’s a job requirement.

  • What about ie7.js and ie8.js? I wish their was a javascript (jQuery?) plugin that could find any CSS3 or certain selectors and margin bugs and add the functionality to IE as necessary. I would even pay for that.

  • I agree w/alex, just kill the damn thing.
    nice post
    thank you!

  • This is a really great set of resources!! I’m excited to implement a few of these!

    Andrew Rodgers

  • … dreaming of a world without gates nor windows…

    :p :p :p

    • Jonas

      We should pay IE to die!!! I am sitting with at multi collum problem and it works in every other browser but ofcourse not i IE.

      Cut we maybe bay IE and let it die?

      That would be so cool! I never uses IE.

  • Pingback: Fresh From Twitter today | zu-web.de()

  • Pingback: Linkeria (2. Februar) » der tag und ich()

  • Great work. Thanks.

  • Excellent article, but I still hate IE 6,7,8 and beyond!

  • Pingback: Shared Items – 03/02/2010 | Of Penguins & Coffee()

  • It seems that DD roundies is not working for IE8. Does anyone know a better solution?

  • Pingback: Mes favoris du 1-02-10 au 3-02-10 » Gilles Toubiana()

  • Great Post! But I hate the IE versions as well. They are the reason, why developers have to spend so much time into especially the frontend development.

  • Supporting IE6 is a pain. I don’t think writing in HTML5 is a viable option until it’s dead, unless of course you don’t mind relying entirely on Javascript.

  • Competition is supposed to encourage development but with browsers it seems many just pick and choose which features to impliment. More browsers mean more headaches for designers. Why anyone would still use a non complient browser is beyond me but they do!

    I was a little fedup with my hacks in my CSS files and a few months ago I adopted a simpler, approach.

    If it don’t work in all browsers I don’t use it. My life is now so much easier and I don’t get calls from clients with layout issues in latest browser versions.

    It takes a lot more planning and some clever layout but the resulting css code is a lot easier to manage and more predictable.

    The other advantage is that my approach creates valid CSS.

  • Pingback: minicore.de()

  • Excellent compilation. But please, please let IE die. Let us all guide it to it’s bautiful demise by refusing to use/support it.

  • A agree with Codesquid. E must fight against old browsers and not support them when possible.

  • Great article, really useful stuff. IE really is the bane of my life so some of these tips will come in handy 🙂

  • Good, because it is interesting to see other solutions, which sometimes are very clever and creative.

    Bad, because:
    * If implemented incorrectly, it may mess up other stuff. (different browsers, javascript problems etc)
    * Performance (both bandwidth and rendering)
    * Microsoft won’t care as much about implementing new standards, and following the current ones.

  • I think Microsoft should be banned from making another version of internet exploring, or they should just make a Webkit based browser.

    The fact that IE 8 has no support for any CSS3 and IE 9 is set not to, means a headache for us all.

    Microsoft should include a silent upgrade feature in IE to upgrade it to work with the latest bits of code and to render new CSS elements, rather than being crap and forever being crap.

    The minimum microsoft should do is deploy a windows update that forces your PC to upgrade to IE8, though FireFox pref 🙂

  • Dan

    Great post! Solved a couple problems for me!

  • Danilo Riedel

    Take a look at this…


    Some times take a bit longer to load, but it’s a lovely solution!

  • Gaetan

    Position Fixed on IE6 using .htc (no hassless with disappearing scrollbars or other)

  • Pingback: 10+ Joomla, Web Development and Business blog posts of the week | ProThemer Team Blog()

  • Justlooking

    The best JavaScript fix you can do is detect the browser is IE and then facilitate to the knucklehead using it the link to a modern browser

  • really nice post. being XHTML/CSS coder .. it gonna really helpful for me . great 🙂

  • IE must die… but thanks for the tips

  • Great stuff! I’m very glad you did this. Soo helpful to make IE behave/look more like what we ACTUALLY want our sites to look like!

  • Great post, I must thank you for sharing.

    I didn’t even realize there was a CSS3 workaround for IE!

  • Pingback: Pick of the Links #5 | Union Room Blog()

  • IE has long frustrated me. On my own projects I have now put a “please upgrade your browser to one that supports standards” It shows a screen shot of what the page should look like and how different this is to the standard IE hack stylsheet i’ve had to use.

    Helpful tips as usual, I haven’t really looked into CSS3 until now!

  • “Like many other web developers, I definitely hate Internet Explorer”. So do I, firefox all the way.

  • Since IE is already the slowest browser out there, it seems ironic that we need to use additional javascript to add visual enhancements

    at most, javascript should only be used to compensate for HTML5

  • Pingback: delicious Links: 05. February 2010()

  • Paul

    What about installing Google’s Plugin?

    No links? This is just… lol

  • @Paul : Yeah, I’m tired to see links in comments, excepted a few which a truely relevant. And I don’t see where’s the problem.

  • Pingback: dot Blog. The week in links 08/02/10()

  • While waiting for IE to die…

    Thank you for this useful post !

  • sj

    well excellent post dude…

    but i really wish that stupid browzer will end up soon…..
    i hate internet explorer 😛 than anything available online..

    stil thnx alot for the hacks.. i really need that round corner one 🙂

  • great article i moved from ie to firefox its ok but now armed with these i might give ie another try thanks for a great post.

  • Since using firefox, I forgot IE. Firefox is the best with it’s plugins and add ons. I think only few people still using IE.

  • Ruana

    First of all:
    @Jean-Baptiste, thank you for summarizing things up like this.

    To other readers, e. g. @Codesquid, @Adrian, @Alex , @Eliseu and some more who advise us to “ddelete Internet Explorer”, or to “stop trying to ‘get IE up to date’ and @Ncus who wants us to “R.I.P.” IE for good – I can only imagine that you never work for clients and code websites just for your own personal pleasure.

    When I’m designing a site for fun (a personal blog, etc.) I also feature a fancy banner asking my visitors to use a “modern browser” if they surf with IE prior to version 8 (or sometimes 7) but if you design for a broader audience (which is usually the case, esp. when you design for a client) you simply can’t do that. I don’t have the precise percentage of IE6 users at hand but the average is still 15% – 20%. And that’s huge! You can’t ignore that.

    It will take at least two to three more years until we can safely forget about IE6 for clients websites too. For now, the best thing to do is to enlighten, inform and educate users on the subject.

    I’m usually a person that honors others opinions – but to tell people to r.i.p. IE today is …. well…. think again, man!

  • Biggest problem with ie is not personal use. People at home can choose which browser to use, and mostly use modern browsers. Problem with old browsers is mostly in big companies where you dont have permission to install software that you like, and you need to ait for system administrators to update to new versions.
    Thats why we still need to support IE on some of websites that create, we do selection based on visitors profile.

    Tnx for really helpfull article.

  • Oh my god its such a horrible browser, can we not just let it die, please!!

  • Great post! IE6 is still used far too much to stop developing for so these workarounds will come in handy for some time i would guess!

  • I think you can’t really say that IE lacks innovation, because the filter property was added to IE more than 10 years ago when css3 didn’t even exist. By then, IE was already offering these features to web designers.

  • Pingback: IE6を使う人はまだまだ多い | AZ::Blog()

  • Fantastic post! These are great tips, although to be honest I can’t believe anyone actually still uses IE.

  • Like many other web developers, I definitely hate Internet Explorer, especially the version 6.

    I do not understand why most developers hate the windows 6.0. Pls enlighten me.

  • Apart from HTML5 and CSS3 I’d like to mention SVG (Scalable Vector Graphics, w3c standard since 2001). While modern browsers support this standard (e.g. Firefox since 1.5) ie does not to this day (v8).

    Check out the SVG Web javascript library, that lets you draw your standard compliant SVG markup in Internet Explorer using the Flash 9+ plugin, thus making Internet Exolorer act like a modern browser in this respect too.

  • I am looking these codes for years. thanks for the share! it is very useful. 😀

  • The title and image made me take a look and there are some nice ideas but it will be a cold day in hell before i use IE again 😀


  • Pingback: 350+ Recursos para ser un CSS3 Master - Pablo Di Filippo()

  • This is great but what about Opera?

  • Pingback: Febbraio: suggerimenti dalla redazione | Your Inspiration Web()

  • Personally, I think IE should burn in hell for what it has done.

  • Pingback: Top Articles On The Web Design Billboard In February’10 | Showcases | instantShift()

  • Pingback: Amazing CSS3 Resources – All You’ll Ever Need to Become a CSS3 Master! : swapnil()

  • Pingback: How I make money…on Twitter()

  • hey guys sorry but …. 🙁 youtube killed IE

  • Pingback: CSS3 Generator | WordPress Dimensie()

  • These are some good tips. My favorite though is redirecting IE users to a page saying it’s not supported. Unfortunately that’s often not an option.

  • Pingback: How to get HTML 5 working in Internet Explorer and Firefox 2 // HTML Five()

  • Steve

    Jean, this is really a nice post. I actually read it through from top to bottom including all the interesting comments, to which I replied to (just having fun while I do that). People like you are the ones who provide the winds on which other developers ride. I’ve seen a couple of these hacks scattered all over the web, but you’ve taken the pain to bring them all together in one place.

    @Microsoft: It’s just too sadding that the so called ‘biggest sotware company’ in the world cannot bring together good heads to come up with a standard web browser given the market share of windows OS and IE. In my opinion, I think Microsoft is probably too arrogant to adopt standards created by other people, and hence trying to create it’s own world which has been lost long time ago at the birth of the Open Source movement. I sincerely agree with those who are of the opinion that support for crappy web browsers like IE6, IE7, IE8, IE9, IE10, IE∞ should be dropped so we can all be free and move forward into doing some cool stuff with our time other than fixing the problem of Microsoft.

    Dropping support for IE may not look feasible now, but I know for certain, that this is the best solution. Developers are the shapers of the web, we’ve always shaped the web, and we can really do this if we really want to ‘cos I’m sick and tired of IE.

    Great job man!
    God bless you.

  • How suck is IE6!
    There is a lot of code that must be embedded to support the old, stupid IE6 and that will be a nightmare for modern web designers. Is there another way to “support” IE6, for example, by forcing the IE6 users to use latest IE version, maybe? 😀

  • Nicholas Camp

    OMG Thank you very much! I really enjoyed that! Thanks again!

  • Tom

    I’m another person that really can’t stand IE at all. I also agree with Codesquid, putting lipstick on a pig doesn’t cover up the fact that it still is a pig. 🙂

    Firefox all the way…with Chrome not far behind.

  • Pingback: CSS Tips I Wish I Knew When I First Started | Script & Style | CSS Guru How to CSS()

  • Sometimes i wish IE would never exist and people stop using it, so much trouble fixing layouts for IE…

  • I think Bill Gates must had warned his staff not to comply with the rest of the world…

  • (cont’d) For the more he complies, the more he will be sued… He was so tired up and down the courts!

  • firefox is definitely the best!

  • LOL @Alex re: 10 ways to make Internet Explorer act like a modern browser.

    Yet again, another awesome post from you Jean. This is very useful. Keep it up!

  • very nice and very informative to know these. thanks!

  • I think all the tips in the world wont bring Internet Explorer up to scratch.Even Chrome is starting to look Good now….

  • We should all stop using IE, and makes our internet goes forward. 🙂

  • Mario

    Why making IE look right or even fancy? Lets make it break and show its sad reality of incompetence on rendering.
    So people will finally see how much it sux and switch into a DECENT browser.

  • Is IE proud of taking too much attentions by web designers?

    We should start a campaign to put IE down! It should start with designers!

    do not support IE!


  • Many designer/developers are getting very annoyed and saying that we will not use ie6. Ofcourse, we don’t use ie6 for ourselves.

    But the problem is that the person (and his clients) whose project we work on use it. So, the question is not of our liking, but users of our client.

  • Yeah, you can use all these techniques to make IE a bit less annoying, but when it really comes down to it, what’s the point? Why not just use Firefox or Chrome and not bother with IE until it gets its act together? I guess as a developer you’re kind of forced to use IE in many situations, but seriously…Microsoft has to get on the ball.

  • i’m probably not the first one to say this, but internet explorer browser is only good to be used for downloading other browsers, much better like mozila, chrome or safari… i got tired to just create css rules that work perfectly on chrome and mozilla and then waste more of my time to tweak stuff for IE!….

  • Parth Thakkar

    Thanks a lot for this help. Although, I myself am of quite ‘Anti-IE6’ opinion, but you see, in some web design contests, only IE6 is the client ( of course, in schools! ). and to win, I wanted such great things. Thanks a lot once again

  • Tina

    Jean-Baptiste, thank you for your hard work in pulling all this useful information together. Unfortunately, we must still develop for IE back to 6. There’s nothing most of us can do about it.

    Peter Coursely came up with his own solution: don’t use anything on a site that isn’t supported by all browsers. It sounds like it works for him. But I wonder what he does when a client has a specific request and not all browsers support it? I hope he doesn’t tell the client it can’t be done because he doesn’t want to put the extra effort into it to please them.

    CG has a valid point. There are still many users who use IE6. It ships with XP, which a large number of people still use. Some use it on their work machines, others at home. Quite a few governmental agencies with small budgets still use it.

    I know as cutting-edge developers, it’s easy for us to say ‘let IE die’, but we are, however, in a service industry. We work with clients. We do what they want. What part of that is so damned hard to understand?? All of us at one point knew NOTHING about web design and development. We were as ingnorant as our clients. And it’s not just clients we aim to please. It’s EVERYONE who visits their sites. That includes tech savvy people, semi-savvy people, and Grandma Gert who wants to order new support hose because she doesn’t drive anymore. Yes, IE sucks from a development point. But guess what? It’s not going anywhere for a long time. There are a lot of baby boomers on the web and a lot of them don’t want to try a new browser. So we’re stuck. So we need ‘hacks’ like Jean-Baptiste showed us. No, they don’t validate on W3C. But that’s Microsoft. And it’s based in the USA, where capitalism booms. No one can ‘ban’ them, as one poster suggested. Learn the hacks and move on with your lives. Or find another industry to work in.

  • The other way is to do all you processing on the cloud. It turns IE into a thin client…