Internet Explorer 8 and CSS3


- Post was last modified on May 10th, 2009.
post-thumb

In the past month or so I have wrote three articles/tutorials on various CSS3 elements that the developers of CSS3 have been working on, I've shown you some of my favorite new features such as the border-radius attribute and box-shadow, but I have had to stress on each article that only certain browsers will allow to use CSS3 modules and elements. The main two browsers that have supported CSS3 along it's on going development path are Mozilla Firefox and Safari, both using there own frameworks the moz and webkit, with Mozilla constantly making revisions to there browser and currently working on Mozilla Firefox 3.1 (Currently in BETA) alot of CSS3 is supported and able to be displayed, similar with Safari, particularly the latest version of Safari (which is version 4 BETA) packs in more CSS3 into the webkit and like Mozilla people are able to use CSS3 and see the effects.

One browser however, that seems to be shadowed by the rest is Internet Explorer. Some people that read this may already be disgusted by me mentioning the name (Possibly Forbidden in some Web-Dev religions) but I couldn't help but notice, that Internet Explorer 8 seem to be holding back on implementing CSS3, and while that might be due to the fact that CSS3 isn't finished yet, Mozilla Firefox and Safari seemed to have taken up the challenge and thanks to them people are able to see CSS3 in action as it develops.

Recently Internet Explorer 8 hit the scenes, and while it's not my favorite browser to begin with, Windows Update wanted me to update and I wasn't going to say no, after all I may be writing a fairly long post about just browsers, but I don't geek out about them, It's just something I think it's pointless to argue about. However I did geek out when I found that Call Of Duty World at War (It's not COD5!) was being developed by Treyarch rather than Infinity Ward, but thats a different story and possbily constitutes a different blog post altogether. But back to the whole Internet Explorer story.

Internet Explorer 8 is no longer in BETA now, so it's officially been released, and although I don't like it much, I will say that it is much more compliant with W3 Standards than say IE7. Doing a bit of comparision IE8 and Firefox 3 display webpages similar, which probably shows that IE8 has become more complaint with standards, but my point isn't about how the browser functions, or how it displays webpages no. The point that im getting at is how I think Internet Explorer is going (If not already) getting left behind in browser race.

How did I come to that conclusion? I opened my eyes. Microsoft realeases new versions of it's browser every 2-3 years (Roughly) to end any disagreements on this lets say not exactly regularly, yes updates for Internet Explorer x version do appear of Windows Update from time to time, but really these updates are simply bug fixes or patches to fix bugs that have been reported or possible expliots, but really Microsoft don't update Internet Explorer like other browsers like Mozilla Firefox. They don't make revisions and this leads my main point, how can Internet Explorer possibly keep this cycle when CSS3 is in development, okay so CSS3 isn't finished yet, modules and features are still being revised and added, but would it really hurt to start adding some CSS3 support, and I mean the pseudo elements not just the box standard ones.

Im going to use Mozilla Firefox as a example here again, during the whole CSS3 development period, they have been keeping up with the new modules and elements introduced in CSS3, but there not the only ones following the development of CSS3. Apple's browser Safari has also been keeping up and adding in CSS3 support. The latest version Safari Beta 4, as added in alot of new CSS3 stuff, and hence why many websites that are show casing various CSS3 elements (James' Blog) included will note that the effect can be seen in either Mozilla Firefox or Safari. This can also be seen by the use of the webkit and moz attributes that we currently have to use to get the effect. However, soon we will be able to use the attribute without having to declare the moz and webkit. Have I completly lost you? Here's what I mean:

Taking any random CSS3 element lets choose the box-shadow, in order for someone to use the effect and see the result in a CSS3 implemented browser they would have to use this code:

-moz-box-shadow: 15px 15px 0px #999;
-webkit-box-shadow: 15px 15px 0px #999;

The moz declaration is for Mozilla Firefox and the webkit declaration is for Safari. So at the moment for anyone wanting to use CSS3 in a template (Which I wouldn't recommend) they will have to keep declaring both the moz and webkit for them to show up in both browsers which in this case is Mozilla Firefox and Safari. But when CSS3 is fully baked so to speak we will all be able to use the box-shadow element on it's own without declaring the moz or webkit.

But until then anyone writing articles or tuts on various CSS3 stuff will have to use both declarations, which granted makes your stylesheet look messy, but it's temporary.

But Internet Explorer 8 doesn't include any CSS3 elements like box-shadow, so myself and other people wanting to test out some CSS3 can't use Internet Explorer 8 as the test browser. Which really, is a wasted opportunity, Microsoft's whole age issue has been called into question many times, and by that I mean that Microsoft are no longer the budding and exciting generation of a company in the 21st Century anymore, what with Apple and there innovation (No im not a fan boy) Im just saying Microsoft aren't the exciting company they used to be, yet CSS3 is essentially the next generation of website development and Internet Explorer isn't getting on board the train to it. I mean even the less popular (But that doesn't mean there not worth the mention) web browsers such as Opera have CSS3 implementation. Granted not as much as Firefox and Safari, but there making the effort.

To back up my claim of Internet Explorer not being the exciting here's a graph of Internet Explorer's usage data from 1996-2008:

IE Usage

Maybe it's a bit much to look at Microsoft as a company and evaluate it based on it's browser and, but look at it this way, Internet Explorer has been around for ages. God I can even remember Internet Explorer 4 and 5 on versions of Windows such as 95 and 98. Memories.... But compared to browsers out today, do you think Internet Explorer is a exciting browser? If you said yes, then I'd love to hear your opinion, im not saying your wrong if you say yes, I just think compared to other browsers it isn't exciting anymore.

I think Internet Explorer has a whole just isn't exciting anymore, and for years now website developers have constantly bashed it because of the way it displays code. At least Internet Explorer 8 does bring in more validity and W3 Compliance so it actually displays webpages the way every other browser displayed them in the first place. Took team IE a while but they got there in the end, so hats off.

But what do you think. Do you think Internet Explorer 8 should be supporting more CSS3 or do you think Internet Explorer is getting left behind in general. Whatever you think why not comment below. Because Im very interested in what others have to say about the whole IE situation!

24 Reader Comments, Why not join the party?

  •  
  • Pamela
    October 22nd

    Internet Explorer 8 is so much better than the previous version of internet explorer browser. it is more stable and loads faster.

  • Razel
    November 2nd

    i love Internet Explorer 8 because it is so much stable that the previous versions of IE. IE7 sometimes freezes and causes blue screens on my PC.

  • ISLANDSURFERBOY
    December 2nd

    IE8 has issues - will not display navigation bars on websites created by publisher. Why? Don't know. Will show up on IE 7 and Safari. Have contacted several friends that have IE8 & the same - No navigation bars. Why? Still trying to fix - I need help!

  • Marlon
    January 10th

    Internet Explorer 8 is really good. This browser is very very stable and i have been using it for quite a while without blue screens or crashes.

  • WebDeveloper14
    January 13th

    Now I'm not against Microsoft and am an avid Windows users, but from someone who creates webpages all day long, let me say this to your IE users:

    If you use IE, you do not realize that you are missing many elements of that make the webpage look even better... rounded corners, box shadows, and even transparency in many situations all make for a better experience and make things easier to see. If you switch to a different browser (Firefox, Chrome, Safari), you will likely notice many visual enhancements along along with even more speed improvements! I've had to completely remove transparency for IE on many websites because the transparency CSS filter caused the website to run ridiculously slow.

    I often use CSS3 rules when creating websites knowing that IE users won't see them. It's just that the time it takes to add rounded corners or box shadows that work with IE is often not worth the effort... thus leaving a much flatter webpage for IE users.

    Getting a web browser that supports the accepted standards would be worth the upgrade for more reasons than one!

  • Johann Blake
    February 12th

    I use several browsers but IE8 is my primary browser. IE8 does tend to render the majority of webpages more accurately than the other browsers even though it implements only half of the CSS3 standard. This is not surprising. Most websites are still built with CSS2.1 or earlier.

    You can run a browser test against CSS3 at:
    http://www.css3.info/selectors-test/test.html

    Firefox, Chrome and Safari passed all the tests. IE8 didn't even pass half of the tests and some CSS3 features are reported as buggy.

    As a developer though, I use jQuery which is a Javascript library that relies heavily upon CSS3. Interestingly, jQuery produces better results than Firefox for those CSS3 features that are supported on IE8.

    Microsoft used to be known for supporting the development of industry standards but that seems to have changed over the last several years. Today, volunteer developers are more eager to update Firefox with the latest CSS3 features than Microsoft is, in a quest to get the CSS3 accepted by the community at large.

    Personally, I think that HTML, CSS and Flash are fading out. As Google Android continues to grow, web apps will be written for the native OS because only a native OS can deliver rich desktop UIs. It will be a while though before that becomes accepted by the masses but it has already started.

  • alohatk
    March 3rd

    internet explorer not support cc3 i waiting for IE9 to fix this problem, because many people in thailand use IE, according ie 87%, firefox 10% and google chome 3% i'm boring about this so much and i wish W3C have standard to protect war browser, sorry in my english.

  • Gary A.MacDonald
    April 19th

    Ok, IE8 a great browser! Even mentioning the name can get me into serious trouble in my circles yet alone with myself.

    Sure the standards have increased, but its taken lets see, almost 3 years, and in the process, its still about 2 or 3 years behind.

    Exciting? No. Its dribble. Trying to emulate Chrome, Firefox and other REAL browsers out there. Opera has more functionality than IE8.

    No CSS3 compliant! My big beef! Designing pages for Chrome, Firefox and other REAL Browsers is great, but the biggest upset is IE8 in which you have to water things down so that the Sheep still using the sub-standard browser can use it.

  • Johnny Jodoin
    May 12th

    I was studying something else about this on another blog. Interesting. Your perspective on it is novel. - If I were in this business only for the business, I wouldn’t be in this business. - Samuel Goldwyn 1882 - 1974

Leave a Reply





Please Note:

Comments are moderated by both human and automatic resources, to help control the amount of spam comments, as well as unsuitable comments. When you post a comment it should appear instantly, but a comment may be held for moderation if it is deemed suspect for a variety of reasons such as spam, or contains content that may be unsuitable for display. If this is the case you will be notified when you post your comment. Comments are reviewed on a daily basis. For information about comments on James' Blog please click here to read the comments policy.