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

28 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 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
    5. 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.

    6. 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!
    7. 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

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

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

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

  9. 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?

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

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

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

  13. 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.
  14. 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.

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

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

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