Friday, April 8, 2005

So is YOUR browser ANY good at CSS2?

Seen on the Standblog (fr), the new Acid2 test page for browsers, "written to help browser vendors ensure proper support for web standards in their products". I tend to agree with Tristan that the test doesn't readily tell you what your browser is lacking in support, but then you can read the guide for that.
Here are some screenshots of the test page under different browsers. If you have other browsers, leave a message with a link to the image in the comments. It seems full CSS2 support is not here yet !
Update (2005/04/08 9:40): David Naylor has sent a link to some other screen shots; below (Netscape 6.1, Opera 7.54, and Firefox 1.0+ nightly).
I'm still missing Macintosh-based browsers: Safari, IE/mac, and Camino, though it will probably look like Firefox).

Here is how the test page should look:

These are under Links and Lynx ;-) (click for full size image)...

The different versions of Internet Explorer are pretty broken, but hell, you didn't need this fancy test to know that:
IE 5.01

IE 5.5

IE 6

What is funny though is that IE6 doesn't behave in the same way if it's running in Wine or in Windows 98:

With Konqueror 3.2.3 we're getting more supported features of CSS2: you know that because you can see more stuff from the happy face. Seeing how Konqueror 3.4 is touted as being CSS2.1 compliant, I'd be interested if somebody could post a screenshot !

Update 2005/04/11: Doug Wright has put a screenshot of Konqueror 3.4. Well, full support for CSS2.1 is a bit of an exageration, as it's only marginally better than 3.2.

Opera 8.0 (beta) is also not bad, except for the ugly looking red background (red means broken in the Acid2 test).

Opera 7.54 (courtesy of David Naylor) is only marginally worst than Opera 8.

If you compare Netscape 6.1 below (also courtesy of David Naylor) with the images farther down the page, you will see how Gecko (the rendering engine behind Netscape and Mozilla browsers) has matured in CSS2 support:

Firefox 1.0.2 is also not very far from that, but then it's still not the correct image !

Firefox 1.0+, nightly (ie, Gecko 1.8), image courtesy of David Naylor

14 comments:

  1. I made a similar post over at my blog: http://naylog.blogspot.com/

    I've also got shots of NS6.1, Opera 7.54 and Firefox 1.0+ (the latest Gecko).

    ReplyDelete
  2. Anonymous11:38 PM

    I tried trackbacking, but it didn't seem to work...

    Anyway, I've posted a Konquerer 3.4 screen capture at my blog - seems KDE claiming full CSS2.1 compliance was a little premature!

    ReplyDelete
  3. Anonymous3:20 PM

    Has it occured to anyone that part of the problem with Opera and Gecko-based apps might just be they were made to render pages "like IE" in the past so they would have better acceptance.

    I would like to see how IE6 does if you include IE7 in this test. http://dean.edwards.name/IE7/

    ReplyDelete
  4. Anonymous10:58 PM

    Anonymous - it brings IE to a complete halt as it tries to bring a kicking and screaming IE into the modern world.

    ReplyDelete
  5. Anonymous2:55 AM

    Safari (1.2.4 - Current Version)

    http://homepage.mac.com/william_wu/.Pictures/acid2-safari-125.12.jpg

    IE/Mac (5.2.3)

    Returns a blank white page

    ReplyDelete
  6. Anonymous7:18 AM

    Mac Browser Shots:

    Firefox 1.0.2 : http://www.paristemi.com/images/browsershots/firefox.jpg

    Safari 1.3 (Dev Beta):
    http://www.paristemi.com/images/browsershots/safari.jpg

    Camino Nightly (0.8+):
    http://www.paristemi.com/images/browsershots/camino.jpg

    Netscape (7.2):
    http://www.paristemi.com/images/browsershots/netscape.jpg

    Opera (8.0):
    http://www.paristemi.com/images/browsershots/opera.jpg

    IE (5.2.3):
    http://www.paristemi.com/images/browsershots/ie.jpg

    ReplyDelete
  7. Anonymous9:11 AM

    Safari support is coming: http://weblogs.mozillazine.org/hyatt/archives/2005_04.html#007932

    ReplyDelete
  8. Anonymous2:16 PM

    I wonder how string the temptation will be at Microsoft to:

    1) add code to detect the presence of the exact acid2 test source
    2) emit a pre-stored image of the correct output if the acid2 test is detected

    ReplyDelete
  9. Anonymous3:13 PM

    Am I the only one to see this :

    http://wcmi.free.fr/images/acid2/opera-7.54u2-winxppro-fr.png

    Opera 7.54u2 (registered) on Windows XP Pro SP2 French.

    The eyes are there.

    ReplyDelete
  10. Anonymous12:21 PM

    Dave Hyatt's there!

    Acid Test 2 renders correctly in his Safari build!
    Congratulations to him!

    http://weblogs.mozillazine.org/hyatt/index.html

    Will Apple be the first to release an Acid Test 2 compliant browser?

    ReplyDelete
  11. Anonymous4:01 PM

    YES, Apple is the winner, with Safari included in Mac OS X 10.4.3

    ReplyDelete
  12. Anonymous7:45 AM

    Screenshot of Safari 2.0.2 :

    http://hamsterdecombat.free.fr/images/acid2_safari.png

    The nose becomes blue when you pass the mouse on it.

    ReplyDelete
  13. Anonymous6:32 PM

    I think Safari is the best for CSS2.

    Christian - Günstige PKV

    ReplyDelete