Grow your CSS skills. Land your dream job.

Ugh, IE headaches…

  • # November 18, 2012 at 4:00 pm

    IE has always given me fits, but never as much as it does now. I’m tired of jumping through hoops, loading extra javascript, and hacking up my code. Everything works relatively well in IE8+, but I hate to drop IE7-.

    I’ve tried using modernizr, html5shiv, css3-mediaqueries.js, respond.js, webshims polyfill, etc…, but I hate having to load all of these different scripts, add conditional statements and code hacks just to make IE work.

    Maybe I’m missing something, but I was wondering if there’s an easier solution that will allow older IE to work with HTML 5 and CSS3? Some magical all-in-one solution? I’m not against JavaScript, but I’d rather load just one script that does it all and not have to hack up my html and css markup.

    Sorry for the rant and thanks for any suggestions =P

    P.S.
    Why can’t Microsoft make new versions of IE work in Windows XP+, rather than stopping at IE8? All of the other latest version modern browsers work in XP+. Just wondering.

    # November 18, 2012 at 4:26 pm

    With the amount of users using IE7 dropping everyday, you have to make sure it’s worth the extra time to make your website work in older browsers. If you’re using a CMS you really have to think twice as many 3rd party plugins only have support for the newest version of the browser + one older version (for example, many plugins currently only support IE9 and IE8).

    If you decide it is worth it to design for older browsers, maybe design a slightly dumbed down stylesheet without the use of CSS3 elements. You could also have a message load on these sites asking users to update their browser for a full web experience.

    Personally, I have stopped designing for anything older than IE8 unless the client has a target market who heavily uses older browsers (the elderly and certain countries for example). If more and more websites begin to “break” in older browsers, maybe people will begin to upgrade their browsers – at least that’s my hope.

    As far as the IE8/XP issue, I’m sure its a way for Microsoft to get users to upgrade to the newest version of Windows.

    # November 18, 2012 at 7:04 pm

    < < I was wondering if there's an easier solution that will allow older IE to work with HTML 5 and CSS3? Some magical all-in-one solution? >>

    The short answer: no.

    Longer answer: what you’re asking, is for a piece of software that was invented before HTML5/CSS3 were fully invented (or stabilized), to be able to work with that modern technology. It’s a bit like trying to get a TV from 2001 to show a recent 3D high-def movie the same way a modern TV does: you can’t make old software function the exact same way as new software.

    Sure, you can use tools to improve it a little, but the older versions of IE you go for, the more difficult it will be.

    If you really want to serve those who use IE7/IE8, forget about box shadows, rounded corners, and all those things and focues on making the site just work — instead of making it look the same in both old and new browsers. Using HTML5 shiv (to make the browser understand HTML5 tags) should be sufficient, and then users of older browsers will just get a less spectacular looking website. So what, they won’t stop visiting your site just because it doesn’t have fancy effects really.

    The reason why Windows XP can’t run any versions of IE after 8 has something to do with the hardware accelleration technology I believe. The 2011 codebase of IE9 is just too modern for the 11-year old operating system. And let’s be honest…if someone is using an OS that’s 11 years old, they don’t really deserve to get the exact same browsing experience than those who do upgrade their software to be a little more up to date, right? :)

    If you want a modern website to work properly, get a modern browser. And if you want a modern browser, get a modern OS.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".