Friday, April 08, 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

15 Comments:

At 11:53 PM, David Naylor said...

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).

 
At 12:59 AM, David Naylor said...

That is at http://naylog.blogspot.com/2005/04/web-standards-acid2-test.html to be specific.

 
At 11:38 PM, Doug Wright said...

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!

 
At 1:50 PM, Na said...

Wow cool! I wonder how long it takes the nightly builds to render this correctly!

My guess would 2-3 days :)

 
At 3:20 PM, Anonymous said...

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/

 
At 10:58 PM, Doug Wright said...

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

 
At 2:55 AM, William Wu said...

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

 
At 7:18 AM, Kristen said...

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

 
At 9:11 AM, Travis said...

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

 
At 2:16 PM, Anonymous said...

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

 
At 3:13 PM, ghola said...

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.

 
At 12:21 PM, Anonymous said...

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?

 
At 4:01 PM, Anonymous said...

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

 
At 7:45 AM, HamsterDeCombat said...

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.

 
At 6:32 PM, Christian said...

I think Safari is the best for CSS2.

Christian - GŁnstige PKV

 

Post a Comment

Links to this post:

Create a Link

<< Home