CSS2 Test Suite Failures

11th July 2003 · Last updated: 11 December 2006

Comments

On Windows XP I ran the latest versions of three major browsers through Eric Meyer's CSS2 Test Suite. That's Internet Explorer 6 (Service Pack 1), Mozilla 1.5 and Opera 7.21. Using the results you can see which CSS commands to be wary of using, until each browser becomes fully compatible. I found all browsers tested suffered from commands that either don't work at all, or work in odd ways. Explorer failed a lot of tests mainly due to its lack of support for inherited values.

I also carefully edited some tests slightly to confirm the results I got were true. Plus I tested Explorer when necessary in XHTML Standards Mode, as this can change its behaviour when using certain commands.

Please note that Netscape 7.1 uses the same code engine as Mozilla 1.4 so the results should be near identical. Also note that the CSS2 Test Suite is still in Draft form - Eric Meyer is adding to it over time. I noted one test had a new addition very late on in my testing, which changed Explorer's result from a pass to a fail! So be aware that the results I have may change if the tests are updated, or even removed. I cannot vouch for my results to be future-proof. I might even make some of my own. (Now how about a CSS3 Test Suite Eric?)


View The Results

(The RED cells indicate a browser has failed half or more of the test. The ORANGE cells indicate a test that's almost correct, but contains one or more remaining faults. The GREEN cells indicate a browser has passed the test.)

Comments (5)

Comments are locked on this topic. Thanks to everyone who posted a comment.

  1. Chris Hester:
    I got it wrong - the negative margin tests were correct - the browsers did not fail (except in one instance). While working on a new layout I was making a line wider than it's container by using negative margins. (So if the container has padding, the line overrides the padding to reach the edges.) Works great! But then I realised that of course negative margins are meant to move a block outwards, not inwards as I'd thought when compiling these results before. So I've changed them so the relevant browsers now pass, not fail.

    Posted on 25 August 2003 at 10:08 pm
  2. Jeff Jackson:
    I wouldn't say that "Nothing happens" with my copy of IE6 SP1 on the 8.3 margin-right test. But it does look like the negative margin doesn't work.

    Posted on 28 October 2003 at 4:24 pm
  3. Anonymous:
    9.9.1 z-index Mozilla Firebird 0.7
    If the body has a z-index >= 0 it seems to work.

    Posted on 13 November 2003 at 5:31 pm
  4. taku:
    p {margin-left: 1.25cm;text-indent: -1.25cm;}

    .hang {float: left; width: 1.25cm;}

    <p><span class="hang"(a) </span>Text Text Text</p>

    Is it bug or normal behaviour of rendering (referring to Mozilla)?

    Would someone be so kind and advise me how to check if this bug is registered already in Mozilla bug tracking system. (or maybe it is already in bugzilla?)

    Posted on 15 September 2004 at 1:05 pm
  5. Ethan:
    Taku, I'm not sure what bug you're referring to. Putting the closing bracket on the "span" tag might help.

    (You have <span ... </span> )
      missing bracket --^

    Posted on 27 September 2004 at 8:06 pm

Useful Info

EMAIL: www.designdetector.com (replace the 1st dot with "@")

RSS NEWSFEED: Subscribe to news of fresh posts and site updates. (RSS 2.0 compatible newsreader required.)

Disclaimer

Some links on this website lead to information provided by external services not under my control, therefore I am not responsible for the content or accuracy of the linked information.

All code examples are not guaranteed 100% free from bugs and/or mistakes. Use them at your own risk. I do not take any blame should a problem occur relating to use of code on this site given as an example for your own use. Such code has been tested and found to work for me, but I cannot vouch for other computer systems (existing now, or in the future) which it may be used on, or changes you introduce yourself based on my code.

This website is © Christopher Hester, except where separate authors are named. No part of this website may be reproduced or re-used in any way without my prior permission, except content added from separate authors (who retain the copyright on their material), examples of code, and any other content I explicity state is free to copy and make use of.

This page was last updated on 11 December 2006.

What's New

Recent Finds


View previous finds

Current Book Reading

Recently Read Books