Slashdot Mirror


Firefox and Opera Fail the Acid2 Test

naylor83 writes "Four weeks ago, Opera's CTO Håkan Lie put forward the Acid2 challenge to the IE developers at Microsoft. The Web Standards Project has now silently published the promised browser test. Somewhat surprisingly, both Opera and Firefox fail to correctly render the test page. Obviously though, they're no where near as lousy as Internet Explorer. More screenshots are available at my blog, as well as at other people's."

48 of 281 comments (clear)

  1. Re:FUD by oldosadmin · · Score: 3, Informative

    It's not fud...

    did you look at the FF rendering and the IE rendering? Neither is perfect, but the IE rendering is absolutely horrid.

    --
    Jay | http://oldos.org
  2. So nothing can display it correctly? by Spudley · · Score: 5, Interesting

    Right. So none of the browsers tested can display the test page correctly? And they're the best, most compliant browsers available?

    And they've had how long to get it right?

    In that case, it would seem to me that it is the standard that is broken, if it's really that difficult to render a page with a cascading style sheet.

    --
    (Spudley Strikes Again!)
    1. Re:So nothing can display it correctly? by commonchaos · · Score: 5, Informative

      Not even Firefox supports all of CSS2.

      Google found an article that describes this in more detail

    2. Re:So nothing can display it correctly? by ciroknight · · Score: 4, Insightful

      I don't think the standard's broken persay, I just believe that programmers haven't yet implemented it completely/correctly. CSS2 is a very difficult standard to implement simply because it encompasses so much not only in code length, but in what it actually does. That being said, CSS2 is really ahead of its time (as is CSS3), but as the competition for the better browser roars up, you can bet your bottom dollar that these standards will be the key issues everyone is looking at.

      I really think it's going to be a tough race verses Firefox and Internet Explorer; Microsoft has more coders out there to throw at Internet Explorer, whereas Firefox already has industry leading stamina and good developmental practices, even if some of them are contraversial (disabling itf domains support, for example). Either way, the browsers will get better, and eventually will be able to render that page without any issue, but it'll just take time.

      --
      "Victory means exit strategy, and it's important for the President to explain to us what the exit strategy is." G.W.Bush
    3. Re:So nothing can display it correctly? by Anonymous Coward · · Score: 3, Interesting

      I don't think the standard's broken persay

      The term is per se. It's Latin.

      CSS 2 isn't ahead of it's time and it isn't particularly difficult to implement. The trouble is that as long as web developers don't use any of it's more esoteric features, bugs and corner cases will continue to crop up in browsers. And as long as the most popular web browser, Internet Explorer, fails to implement half of CSS 2, web developers will refrain from using most of CSS 2 - thus making finding bugs in the more advanced bit slow going.

      Yes, you heard me right, I'm blaming legitimate bugs in Firefox on Microsoft. And I'm not trolling, I actually happen to believe it's true.

    4. Re:So nothing can display it correctly? by ciroknight · · Score: 2, Interesting

      Ah myapologies grammer nazi/troll. I'm quite a bit sick and I like to stay indoors and argue with /.ers when I'm under the weather.

      CSS2 is ahead of its time. It uses the Document Object Model to draw, color, and arrange items in a way agnostic to implementation, and agnostic to content. Sure, we already have programs capable of drawing, coloring and arranging items in a document; each of them being tied inextricably to their creation-engine (Microsoft Word and Word documents, for example). Not only that, the current existant technology to do this isn't even fully forward compatible among versions (Word 7 and XP for example), and other implementations are very lack luster (though I'll hand it to PDF for being pretty good, even if the software to use PDF (read AND write) is very expensive). CSS2 is the Free Standard to do all of this, and more.

      I believe a browser should be smart enough to withstand whatever's thrown at it, and if it recieves errored data, to notify the user as such, and move on. That being said, I believe as it may be Internet Explorer's fault for not implementing more than half of the standard, it is also our fault for not implementing all of the features. As Microsoft does have more of the market share, that shouldn't stop people from creating pages that don't work with Internet Explorer; they should be encouraged to do so, so that Internet Explorer would continue to evolve. If it was anyone's "fault" for the more "esoteric features" (CSS positioning as esoteric???? come on..) not being implemented in Internet Explorer, it's the Web Developers for not using the standards, and making Internet Explorer take heed. Microsoft may be huge, and gots lots of money, but they can't stop millions of web developers.

      Face it. We dropped the ball. Open Source developers (hell, even Opera developers) recognized this, and promised to web developers a sanctuary where more of the standards are usable. As such, web developers (and users) are flocking to Firefox. And now that Internet Explorer is back in the game, things will get interesting. No matter which browser comes out of this new broswer war on top, we win.

      --
      "Victory means exit strategy, and it's important for the President to explain to us what the exit strategy is." G.W.Bush
    5. Re:So nothing can display it correctly? by Anonymous Coward · · Score: 2, Insightful

      This test also helps with that. In the case that differing renderings are found that are both legitimate readings of the specification, then the wording in the specification can be tightened up. Consider this a test not only of web browsers, but the CSS specifications themselves.

    6. Re:So nothing can display it correctly? by snorklewacker · · Score: 4, Insightful

      > Face it. We dropped the ball

      These people at the W3C dropped an incomplete spec out of their ivory tower with incoherent documentation, no functioning reference implementation, and no test suite, and we dropped the ball?

      --
      I am no longer wasting my time with slashdot
    7. Re:So nothing can display it correctly? by StrongAxe · · Score: 4, Insightful

      As Microsoft does have more of the market share, that shouldn't stop people from creating pages that don't work with Internet Explorer; they should be encouraged to do so, so that Internet Explorer would continue to evolve.

      And just who could afford to do this? If you run a commercial web site, do you want most of your customers to see a page that looks like crap, with a footnote at the bottom saying "We know your page looks like crap, but it's Microsoft's fault, and we hope they will have it fixed within the next two years"?

      What will happen is that your customers will go away until it gets fixed. Who loses? Microsoft? or you? Will Microsoft lose any sleep over the fact that you are losing customers? Very unlikely.

    8. Re:So nothing can display it correctly? by wsapplegate · · Score: 3, Interesting

      > I'll hand it to PDF for being pretty good, even if the software to use PDF (read AND write) is very expensive

      On what planet, exactly, is writing PDFs expensive ? I manage to do this for free all the time with a variety of software packages. I thought everyone else did the same. If not, well, I'm glad to have possibly helped you cut your PDF production expenses ;-)

      > I believe a browser should be smart enough to withstand whatever's thrown at it, and if it recieves errored data, to notify the user as such, and move on

      Most browsers, when they receive erroneous[*] data, are perfectly able to "withstand" it (actually, they just ignore whatever tags or parameters they can't understand). I suppose you're talking about not rendering the page if it has bugs ? Well, you *can* force a browser to do that (Gecko will do it if you send an application/xhtml+xml MIME type header), but you cannot generalize this beahviour, for the following reasons : (1) the *vast* majority of Web pages out there are invalid (*cough*Slashdot*cough*), and (2) even those who are valid can be rendered invalid by external factors (ad banner code, for instance). And you cannot fail to render much of the Web, at least, if you want to have users, because without a large userbase, you won't be able to push for more standards support (yes, it's quite ironic, I know).

      > it is also our fault for not implementing all of the features

      It would probably help if the standard was a tad less obscure. Of course, you've a lot of conformance tests out there, but still...

      > As Microsoft does have more of the market share, that shouldn't stop people from creating pages that don't work with Internet Explorer

      Huh... Yeah, sure. Whatever. I'm sure my customers would be thrilled at the opportunity to break their site for ~80% of their visitors, don't you think so ? Seriously, that's not (yet) possible, the best people can do is make standards-compliant pages that work on most browsers (note I didn't even say "all browsers" because there are differences in CSS rendering between nearly every one of them. *Sigh*).

      > If it was anyone's "fault" [...] it's the Web Developers for not using the standards

      What about the funny people at Netscape who started the nonstandard tag mania in the first place ? The W3C for not being vocal enough ? I only heard about Web standards fairly recently (a few years). That campaign should have been launched much earlier, *before* the damage (i.e. gazillions of invalid pages all over the Web) was done !

      [*] Yes, I'm a grammar Nazi, too. You're out of luck, today *grin*

      --
      Xenu brings order!
    9. Re:So nothing can display it correctly? by naylor83 · · Score: 4, Interesting

      Actually, it sucks big time. Here's a screenshot: Amaya having a go with some Acid

    10. Re:So nothing can display it correctly? by lesinator · · Score: 2, Interesting
      IMHO this is how it should happen. Standards should be set high to give the browser makers something to aim for.


      Back in the early days of anti-virus software the ICSA labs (I think it was the NCSA labs at that point) started certifying AV products. Their test was pretty simple, it required identification of %100 of the common viruses in the wild that they threw at it. No AV product passed it when the test first came out. By setting the bar high it drove competation in the marketplace and spurred on all the AV vendors to improve their products.

  3. What I'm looking for by scumdamn · · Score: 4, Insightful

    is an analysis of what failed with each browser (especially Firefox.) None of the links told us why the browser failed to render the smiley face or what the WSP did to obfuscate the code. Any takers?

    1. Re:What I'm looking for by Anonymous Coward · · Score: 3, Informative

      I think he was probably looking for something more like https://bugzilla.mozilla.org/show_bug.cgi?id=28948 0 for Firefox. Check the bugs that that one depends on.

  4. Re:So.. by oldosadmin · · Score: 4, Informative
    --
    Jay | http://oldos.org
  5. A big fat DUH! by Anonymous Coward · · Score: 5, Insightful

    It was known before the test was published that no browser would get it right. That's the whole point!

    The reason for having this is to expose bugs in current implementations. Internet Explorer is the obvious retard, implementing about 50% of CSS 2.1, but that doesn't mean that the other browsers can just slack off at 95%. That's not what the W3C is about, it's not what WASP is about, and it's not what this acid test is about.

  6. Re:FUD by naylor83 · · Score: 3, Informative

    Which part of "obviously" is Fear, Uncertainity or Doubt? It's common knowledge that IE6 is far behind in implementing the W3C web standards.

  7. Safari... by etedronai · · Score: 2, Informative

    also fails

    1. Re:Safari... by Temporal · · Score: 2, Informative

      Are you sure you're looking at the right page? The link in the article is to the reference image, which is just a PNG of the correct output. Try this link for the actual test:

      http://webstandards.org/act/acid2/test.html#top

      Safari fails for me.

  8. Re:FUD by Anonymous Coward · · Score: 2, Informative

    You obviously aren't a web developer. Everybody knows Internet Explorer's support for the W3C specifications is atrocious, its rendering engine was last updated in 2001 and has yet to implement HTML 4.01, CSS 1.0, CSS 2.0, PNG 1.0 or HTTP 1.1. Those specifications date from the 90s. Some of them are eight or nine years old.

    Internet Explorer is famous for being crap. It's the new Netscape 4. So when somebody says "obviously", they aren't an anti-Microsoft troll, they are simply stating facts. If IBM or Redhat were responsible for that atrocity, it would be equally reviled.

  9. Re:FUD by Anonymous Coward · · Score: 4, Insightful

    In order for something to qualify as FUD, it has to be untrue.

    Given that Microsoft itself does not pretend that IE has a complete CSS 2.1 implementation, it cannot be FUD to state that it is obvious that IE will do worse on a test of CSS 2.1 than other browsers which do claim to implement that particular standard.

    Note also that many people consider CSS 2 to be overcomplicated and not very useful in practice. It is therefore not necessarily even a bad thing for a browser to fail this test - arguably, a browser that passed it would be bloated, as it would implement all sorts of things that are not necessary to view 99.99% of web pages. So to say that IE fails the test badly is not only not FUD - it isn't even (necessarily) a criticism!

    Any chance you could train your knees not to jerk so quickly, please?

  10. Re:So.. by naylor83 · · Score: 3, Informative

    None, they used something like Gimp or Photoshop. I asked them.

  11. Re:FUD by Anonymous Coward · · Score: 3, Insightful

    There's no degree of broken.

    Yes, there is. If Firefox gets, say, 90% of the CSS rules correct, and Internet Explorer gets, say, 40% of the CSS rules correct, that's significant.

    If FireFox was more disappointing, it wouldn't ahve been mentioned at all.

    Huh? Firefox made the headline as failing the test. Internet Explorer didn't. And you consider that to be FUD against Microsoft?

  12. how do the others stack up ? by johnjones · · Score: 3, Interesting

    like

    safari on tiger anyone ?
    please post a screenshot of that I would really be intrested

    stats on web browsers market share
    w3 numbers

  13. The Standard by happymedium · · Score: 2, Insightful

    Right now I am looking at a handy CSS reference chart saying which browser supports what, and the fact is, one third to half of the standard is entirely un-implemented by Mozilla, Opera and IE.

    If a CSS standard falls on browser designers to implement, and no one implements it, was it really "the standard?"

    1. Re:The Standard by Anonymous Coward · · Score: 2, Informative

      one third to half of the standard is entirely un-implemented by Mozilla, Opera and IE.

      That depends on what you mean by "and". Internet Explorer doesn't support half of CSS 2, so obviously if you are looking for features implemented by Mozilla AND Opera AND Internet Explorer, then Internet Explorer is going to drag the others down.

      If, on the other hand, you are claiming that Mozilla doesn't implement half of CSS 2, Opera doesn't implement half of CSS 2, and Internet Explorer doesn't implement half of CSS 2, well then you are wrong. Mozilla and Opera implement way more of CSS 2 than that, and even parts of CSS 3.

    2. Re:The Standard by Anonymous+Brave+Guy · · Score: 2, Insightful
      The "standard" in "CSS standard" refers to a formal document published by an standardization body. It's the ideal that the browsers should aim for.

      There is a presumption of authority on the part of the standardization body in the second sentence above. In real life, a formal standard has only as much authority as the field grants it, by aiming to reach it (and thus making it the standard in the other sense you gave).

      The CSS standard defines a convention that browsers may aim for. One could (and many people do) argue that if you have 90% of the market share, then your views are a far more realistic standard than those expressed in anyone else's formal document. Thus any formal standard that doesn't have the 90% holder on board has dubious authority at best.

      --
      If you disagree, post your argument. (-1, Overrated) isn't your personal censorship tool for views you don't like.
  14. Re:Typical Slashdot Slant by naylor83 · · Score: 2, Insightful

    IE6 implement far less of the CSS2 spec than any other browser - that's a fact. Hence the "obviously".

  15. Re:FUD by naylor83 · · Score: 2, Insightful

    At the end of the day, no it's not. Broken is broken.

    In a way I agree - I think implementing CSS2 to its full extent would be more than twice as good as implementing half of it.

    At the same time I think implementing 80% is better than implementing 35%.

  16. Re:FUD by Anonymous Coward · · Score: 2, Interesting

    At the end of the day, no it's not. Broken is broken.

    So when Firefox applies the display: table-cell rule correctly, that's utterly meaningless and should be filed as a bug because Firefox applies other rules on the same page wrongly? You aren't making sense.

    There are many, many CSS rules in the test. The test is designed to exercise lots of different areas of CSS.

    If you think that there's no useful information beyond "no browser applies all of the rules correctly", well then you've wasted your time reading this story, because I could have told you that before this test was even published.

    Let's all pat the OSS Community on the back!

    What does open-source have to do with this? Opera, a tiny company with nowhere near the resources of Microsoft, who haven't released their browser as open-source, have done miles better than Microsoft.

    I think you're just trolling, especially when you try and turn this into some kind of open-source vs proprietary flamewar.

  17. Re:Works just fine on W2K Advanced Server by styrotech · · Score: 4, Insightful

    Umm take the actual test this time, rather than looking at the reference image.

    I tried it on the pretty much the same machine as you (just plain Server vs Adv Server though), and it was the same hideous red mess shown in the IE screenshot.

  18. Re:So.. by blargh-dot-com · · Score: 2, Informative

    According to TFA, they did this deliberately: compliant browsers should ignore bogus CSS attributes.

  19. What browser did they use? by Macrobat · · Score: 5, Interesting

    Just out of curiosity...what browser did they use to get the successful reference rendering? I'm presuming there's one that successfully renders, otherwise, how do they know their test code is valid? I've clicked around but don't know what they used to generate that png.

    --
    "Hardly used" will not fetch you a better price for your brain.
    1. Re:What browser did they use? by StrongAxe · · Score: 3, Insightful

      Well, okay, but if I had a few pages of c++ code and I said that no compiler could run it, I'd be blaming my code rather than the compilers, if you know what I mean.

      If your C++ program adheres to the ANSI C++ language specification, and the compilers all get it wrong, then it's the compilers' problems, not yours.

      On a more practical note, it is probably unwise to write correct code that trips up bugs in every compiler on the market, but if you are creating a compiler-validation test suite, that's exactly what you want to do.

  20. Valid CSS? by molo · · Score: 3, Interesting

    I'm confused, is this supposed to be valid CSS2? The W3C CSS validator finds 8 errors in the page.

    -molo

    CSS validator results

    * Line: 46
    Parse Error - second two]
    * Line: 91 Context : .parser-container div
    Invalid number : color orange is not a color value : orange
    * Line: 97 Context : .parser
    Property error doesn't exist : }
    * Line: 100 Context : .parser
    Property m rgin doesn't exist : 2em
    * Line: 100
    Parse error - Unrecognized : };
    * Line: 102 Context : .parser
    Invalid number : width only 0 can be a length. You must put an unit after your number : 200
    * Line: 103 Context : .parser
    Parse Error - ! error;
    * Line: 103 Context : .parser
    Parse error - Unrecognized : }

    --
    Using your sig line to advertise for friends is lame.
    1. Re:Valid CSS? by naylor83 · · Score: 5, Informative

      They deliberately made errors which the browsers should cope with according to the specs.

    2. Re:Valid CSS? by interiot · · Score: 4, Informative
      Yup, and I quote:
      • CSS parsing -- Acid2 includes a number of illegal CSS statements that should be ignored by a compliant browser.
  21. Re:So.. by Anonymous Coward · · Score: 4, Informative

    It's supposed to be invalid. The CSS specification defines error handling, and Internet Explorer gets it wrong. A conforming user-agent would never apply those rules.

    In fact it is necessary for this stylesheet to be invalid - otherwise it wouldn't test the error handling parts of the CSS specifications.

  22. The Real Lessons by welshbyte · · Score: 4, Insightful

    The real lessons to be learnt from this seem to be getting lost here. If we put aside the MS vs Moz, FUD vs non-FUD and not-as-broken vs either broken or not debates we can see that web designers should have something to look forward to in the (near?) future.

    Finally, here is something that could actually give the browser developers something to aim for and help to pull together the standardisation of modern CSS rendering. From how that smiley face is supposed to look I'm already quite excited about what we'll be able to do once all of the browsers are up to scratch.

    Now all we need is for the browser developers to take note of this, use it as a learning tool and a target to aim for and give the web design/development community a hell of a lot less stuff to debate about.

    It could happen...

    But of course, in addition to this they shouldn't let the acid2 test be a final goal and then just sit back and let themselves get rusty. Personally i'd like to see a publicly available acid test for all the new versions/revisions of CSS standards so that Joe Home User can more easily choose which browser to use. An acidN test once every 8 years?

    This is the fast moving world of technology, don't you know.

  23. Re:FUD by ReverendLoki · · Score: 2, Interesting
    At the end of the day, no it's not. Broken is broken.

    At the end of the day, I'd like to drive home in the car that's timing is a little off causing a loss of 2 mpg and 3 hp, as opposed to the car that is in such a state of disrepair that the axle falls off after 2 miles and the fuel tank spontaneously combusts.

    There's also the idea that, assuming all parties are working to make their browser compliant, then it may also be assumed that one party may be closer to reaching full complaice than the other.

    Or, to further mutilate an abused analogy, which of the above cars would be easier to repair?

    --
    09 F9 11 02 9D 74 E3 5B D8 41 56 C5 63 56 88 C0
  24. Re:Typical Slashdot Slant by damiangerous · · Score: 2, Insightful

    So? That's a good thing. I prefer to know up front where someone's bias lies. Everyone has one and when you try to hide it you have no way of knowing where it might creep it. Just be honest about it and accept it. I can go read an MSDN journal for an IE-biased opinion.

  25. Re:Is it really a failure? by naylor83 · · Score: 2, Informative

    They made errors which the browsers should cope with if they follow the spec.

  26. Re:Unsupported claim count: 6 by naylor83 · · Score: 2, Insightful

    "Ask anybody who has to hop to IE to visit certain sites."

    Well, if you get to a site where a CSS2 feature breaks in Opera or Firefox, switching to IE isn't going to do you a load of good :-)
  27. Re:Who's behind the test? by JimDabell · · Score: 4, Informative

    Firstly, the errors are there on purpose, to check the error handling conformance.

    As for whether the <textarea> is shrink-to-fit or not, the CSS 2.1 specification has this to say.

    If all three of 'left', 'width', and 'right' are 'auto' [This is the case] : First set any 'auto' values for 'margin-left' and 'margin-right' to 0. Then, if 'direction' is 'ltr' [This is the case] set 'left' to the static position and apply rule number three below; otherwise, set 'right' to the static position and apply rule number one below.

    The "rule number three" says that it is shrink-to-fit.

    Your mistake is in referring to 10.3.3, which explains what to do for non-replaced block-level elements in normal flow. You should be referring to 10.3.7, which explains what to do for non-replaced block-level elements that are absolutely positioned.

  28. Re:FUD by Mr.+Slippery · · Score: 2, Funny
    Microsoft has a team of crack developers
    "Crack" apparently being the operative word...
    --
    Tom Swiss | the infamous tms | my blog
    You cannot wash away blood with blood
  29. Re:Typical Slashdot Slant by node+3 · · Score: 2, Informative

    I just can't help but notice how non-objective this site is.

    On slashdot, the users submit (and thus, author) stories. They aren't generally schooled in the intricacies of journalism. It's not fair to expect 'professional' journalistic practices from them.

    As unfair as it is to expect standards never stated nor implied, the comparison to Fox News is especially bad. Fox outright lies about their objectivity. Most people don't hate Fox News because of their conservative bias, but because they try to pass it off as fair and balanced.

    This is "News for Nerds, Stuff that Matters". Nerds don't tend to suffer poor software gladly.

    Last, it was obvious that IE would be the worst of the bunch. Some other article could just as easily have said, "Obviously, the Perl version was slower," or "But obviously, the RIAA continues to cripple their music with DRM." Which are roughly equivalent in their subjective way of communicating objective truth.

    [I] am no way an MS advocate.

    I'm not all that convinced.

  30. Re:FUD by Anonymous Coward · · Score: 2, Informative

    Slashdot editors will systematically post any negative news about Microsoft (or, if they're positive, spin them negatively) and will quietly ignore many negative news about open source issues.

    That's a lie. This is negative news about a high-profile open-source project, and they didn't ignore this.

    See for example the recent Mozilla vulnerability discovered by Secunia. It was published by the Register, CNET and many others. The Slashdot editors didn't find it worth posting.

    This is also a lie.

    You trolls are really pushing the "Slashdot bias" theme today, aren't you?

  31. Re:FUD by molnarcs · · Score: 3, Informative
    I agree - with one minor correction. In the case of Firefox, being free software and all, I can only demand one thing: correctness in information. Even though I still have the get firefox logo on each of the sites I maintain, I have a failure story to report. Today, the 4th user came to me demanding back their IE icon (I have disabled access in windows xp to IE, which amounts to disabling access to its icon) - why? Because they could not access one site or another in Firefox, that worked in IE.

    Also, don't get me started on performance. 3 machines in the lab range between 300Mhz celerons with 96MB ram and an IBM Personal Computer 300 (600Mhz celeron with 96M ram). Firefox on those is a no-no. Not only b/c painfully slow startup times, but also, painfully slow rendering of pages. Opera renders pages faster while running a kernel compile in the background than Firefox does on an idle computer. What's there in gecko that makes it so much slower than Opera or khtml? (Yes, you heard it right, starting Konqi from a foreign - Blackbox - wm is actually much faster both in startup and rendering of pages than firefox).

    These slow machines function as simple 'terminals' btw - they have opera, gaim, xmms, rox - that can be choosen from a simplified menu.

    This must be said at the risk of loosing karma (I have plenty, so go ahead) - there is something wrong with Firefox and its rendering engine, not only in compatibility or correct rendering of pages, but in performance as well. And this is not a minor issue, the performance difference b/w say opera or khtml and gecko is significant. So I have only one demand: inform the potential users correctly, don't give them the false impression that Firefox is better in every way than IE. It is not, and such misinformation will only create a backlash. 2 of those users are now actively looking for more and more justfications to have IE back as the standard browser. They are not interested in philosophy or open source ideals. They are interested in accessing the sites they want.