Help - Search - Member List - Calendar
Full Version: Opera 8.01 and the Acid2 test
WorkTheWeb Forums > Webmaster Resources > Webmaster - General Help
Support our Sponsors!
Toby Inkster
Opera ASA is getting pretty close -- nearly caught up with Safari on
correctly rendering the Acid2 test:

Acid2 Test:
http://www.webstandards.org/act/acid2/

Safari rendering:
http://weblogs.mozillazine.org/hyatt/archi..._04.html#008042

Opera 8.0 rendering:
http://examples.tobyinkster.co.uk/acid2/opera-800.png

Opera 8.01 rendering:
http://examples.tobyinkster.co.uk/acid2/opera-801.png

--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact

David Cary Hart
On Tue, 2005-06-28 at 19:29 +0100, Toby Inkster wrote:
QUOTE
Opera ASA is getting pretty close -- nearly caught up with Safari on
correctly rendering the Acid2 test:

Acid2 Test:
http://www.webstandards.org/act/acid2/

Personally, I look to WC3. Up to now, using fully (validated) WC3
compliant CSS and XHTML, Opera creates a third standard which is
different in many respects from Netscape/Mozilla/etc. and IE. The
current Opera breaks nested <div> with relative values.

Frankly, given that Firefox is open source, free . . . .
--
Displayed Email Address is a SPAM TRAP
Eliminate Spam: http://www.TQMcube.com/spam_trap.htm
RBLDNSD HowTo: http://www.TQMcube.com/rbldnsd.htm
Multi-RBL Check: http://www.TQMcube.com/rblcheck.htm

GreyWyvern
And lo, David Cary Hart didst speak in alt.www.webmaster:

QUOTE
On Tue, 2005-06-28 at 19:29 +0100, Toby Inkster wrote:
Opera ASA is getting pretty close -- nearly caught up with Safari on
correctly rendering the Acid2 test:

Acid2 Test:
http://www.webstandards.org/act/acid2/

Personally, I look to WC3. Up to now, using fully (validated) WC3
compliant CSS and XHTML, Opera creates a third standard which is
different in many respects from Netscape/Mozilla/etc. and IE. The
current Opera breaks nested <div> with relative values.

You're kidding, right? You must be unaware of all the critical rendering
bugs in Mozilla, caused by years of bloat and poor management. Things
which both Opera and MSIE handle without any problem. I actually had to
hack some CSS to overcome this one only a few hours ago:

<http://www.greywyvern.com/code/firefox/Bug-NoClearHeaders>

Firefox disobeys the CSS clear property on the first element in a box if
the previous box contained all floated content.

Here's another one I found a couple weeks ago:

<http://www.greywyvern.com/code/firefox/Bug-FloatCancelation>

float:none; fails to override a float:left; in a rule further up the
cascade.

QUOTE
Frankly, given that Firefox is open source, free . . . .

Open source is nice, but free is no excuse for +7000 open bug reports and
6 unpatched Secunia vulnerabilities on Firefox alone.

Grey

--
The technical axiom that nothing is impossible sinisterly implies the
pitfall corollary that nothing is ridiculous.
- http://www.greywyvern.com/ringmaker - Orca Ringmaker: Host a web ring
from your website!

Mark Parnell
Previously in alt.www.webmaster, Toby Inkster
<[Email Removed]> said:

QUOTE
Opera ASA is getting pretty close -- nearly caught up with Safari on
correctly rendering the Acid2 test:

Don't forget iCab and Konqueror. ;-)

--
Mark Parnell
http://www.clarkecomputers.com.au

Norman L. DeForest
On Tue, 28 Jun 2005, GreyWyvern wrote:

QUOTE
And lo, David Cary Hart didst speak in alt.www.webmaster:

On Tue, 2005-06-28 at 19:29 +0100, Toby Inkster wrote:
Opera ASA is getting pretty close -- nearly caught up with Safari on
correctly rendering the Acid2 test:

Acid2 Test:
http://www.webstandards.org/act/acid2/

Personally, I look to WC3. Up to now, using fully (validated) WC3
compliant CSS and XHTML, Opera creates a third standard which is
different in many respects from Netscape/Mozilla/etc. and IE. The
current Opera breaks nested <div> with relative values.

You're kidding, right?  You must be unaware of all the critical rendering
bugs in Mozilla, caused by years of bloat and poor management.  Things
which both Opera and MSIE handle without any problem.  I actually had to
hack some CSS to overcome this one only a few hours ago:

<http://www.greywyvern.com/code/firefox/Bug-NoClearHeaders

Firefox disobeys the CSS clear property on the first element in a box if
the previous box contained all floated content.

Here's another one I found a couple weeks ago:

<http://www.greywyvern.com/code/firefox/Bug-FloatCancelation

float:none; fails to override a float:left; in a rule further up the
cascade.

One thing that has frustrated me with Firefox is my apparent inability to
specify the border colour for a table and have it display in my selected
colour. I have tried both the attribute,
border-color="black"
and the style,
border-color: black
and I still get a two-tone grey as seen in this partial screenshot:
http://www.chebucto.ns.ca/~af380/temp/border-color.gif
(with a portion of the table for my sliding-block puzzle shown full-sized
and also magnified by the Windows magnifier)[2].

Does anyone have a fix for that?

[1] or "gray" depending on your preferred spelling.
[2] Note that almost nothing in my "temp" directory has a guaranteed
life of more than a week.
--
Windows is *not* a "Toy OS".
/me desperately trying to 'x' out the URL for the screenshot of my desktop
xxxxxxxxxxxxxxbucto.ns.ca/~af380/temp/MyDeskTop-Jun-22-2005.gif

Toby Inkster
Mark Parnell wrote:

QUOTE
Previously in alt.www.webmaster, Toby Inkster
<[Email Removed]> said:

Opera ASA is getting pretty close -- nearly caught up with Safari on
correctly rendering the Acid2 test:

Don't forget iCab and Konqueror. ;-)

Neither of which are as close as Opera. :-)

--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact

Toby Inkster
Norman L. DeForest wrote:

QUOTE
I have tried both the attribute,
border-color="black"
and the style,
border-color: black
and I still get a two-tone grey as seen in this partial screenshot:
http://www.chebucto.ns.ca/~af380/temp/border-color.gif

<style type="text/css">
.mytable {
border: 2px solid black;
border-collapse: collapse;
}
.mytable td, .mytable th {
1px solid black;
}
th, .th {
color: white;
background: black;
}
</style>
<table class="mytable" summary="Table illustrating Foo Bar">
<caption>Foo Bar</caption>
<thead>
<tr>
<td class="th">&nbsp;</td>
<th scope="col">A</th>
<th scope="col">B</th>
<th scope="col">C</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>A1</td>
<td>B1</td>
<td>C1</td>
</tr>
<tr>
<th scope="row">2</th>
<td>A2</td>
<td>B2</td>
<td>C2</td>
</tr>
</tbody>
</table>

--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact

Mark Parnell
Previously in alt.www.webmaster, Toby Inkster
<[Email Removed]> said:
QUOTE
Mark Parnell wrote:
[Acid2]
Don't forget iCab and Konqueror. ;-)

Neither of which are as close as Opera. :-)
Els
Norman L. DeForest wrote:

QUOTE
One thing that has frustrated me with Firefox is my apparent inability to
specify the border colour for a table and have it display in my selected
colour.  I have tried both the attribute,
border-color="black"
and the style,
border-color: black
and I still get a two-tone grey as seen in this partial screenshot:
http://www.chebucto.ns.ca/~af380/temp/border-color.gif
(with a portion of the table for my sliding-block puzzle shown full-sized
and also magnified by the Windows magnifier)[2].

Does anyone have a fix for that?

border:3px solid black;

The HTML style you used: border-color="black", is incorrect, that
would be bordercolor="black". But removing that, and setting the
border to black /and/ give it the style 'solid' in CSS, solves your
problem.
The two-tone grey is caused by a style called inset or outset. I don't
know if that's default for Firefox, or if it's set anywhere in your
JavaScript or something, but explicitly setting it to 'solid' helps
:-)

QUOTE
[1] or "gray" depending on your preferred spelling.
[2] Note that almost nothing in my "temp" directory has a guaranteed
life of more than a week.


--
Els http://locusmeus.com/
Sonhos vem. Sonhos vo. O resto imperfeito.
- Renato Russo -

Norman L. DeForest
On Wed, 29 Jun 2005, Toby Inkster wrote:

QUOTE
Norman L. DeForest wrote:

I have tried both the attribute,
border-color="black"
and the style,
border-color: black
and I still get a two-tone grey as seen in this partial screenshot:
http://www.chebucto.ns.ca/~af380/temp/border-color.gif

<style type="text/css"
.mytable {
border: 2px solid black;
^^^^^^^^^^^^^^^^^^^^^^^^
border-collapse: collapse;
}
[snip]


That did the trick, thanks to both you and Els for responding.

According to references I had downloaded, "border-color" should have
worked as either a style (according to a CSS reference) or as an
attribute (according to an HTML reference). A (very large) page on
the W3C site seemed to agree with the former:
http://www.w3.org/TR/CSS1#border-color

--
Windows is *not* a "Toy OS".
/me desperately trying to 'x' out the URL for the screenshot of my desktop
xxxxxxxxxxxxxxbucto.ns.ca/~af380/temp/MyDeskTop-Jun-22-2005.gif

Els
Norman L. DeForest wrote:

QUOTE
On Wed, 29 Jun 2005, Toby Inkster wrote:

Norman L. DeForest wrote:

I have tried both the attribute,
border-color="black"
and the style,
border-color: black
and I still get a two-tone grey as seen in this partial screenshot:
http://www.chebucto.ns.ca/~af380/temp/border-color.gif

<style type="text/css"
.mytable {
border: 2px solid black;
^^^^^^^^^^^^^^^^^^^^^^^^
border-collapse: collapse;
}
[snip]

That did the trick, thanks to both you and Els for responding.

According to references I had downloaded, "border-color" should have
worked as either a style (according to a CSS reference) or as an
attribute (according to an HTML reference).  A (very large) page on
the W3C site seemed to agree with the former:
http://www.w3.org/TR/CSS1#border-color

That's only the colour. Not the style.
border:2px solid black; is the same as:
border-color:black;
border-width:2px;
border-style:solid;

The two-tone effect on the border wasn't caused by lack of 'black',
but by lack of 'solid' :-)

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vo. O resto imperfeito.
- Renato Russo -
Now playing: Adam & The Antz - Stand And Deliver

Toby Inkster
Mark Parnell wrote:

QUOTE
Both [iCab and Konqueror] have completed [Acid2] already:
http://webstandards.org/buzz/archive/2005_06.html#a000526

Hmmm... interesting. Still, none of the browsers that pass it are on
general release yet (iCab is a beta, Konq is still in CVS and Safari is
not even at beta stage yet)

--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact

Mark Parnell
Previously in alt.www.webmaster, Toby Inkster
<[Email Removed]> said:

QUOTE
Hmmm... interesting. Still, none of the browsers that pass it are on
general release yet (iCab is a beta, Konq is still in CVS and Safari is
not even at beta stage yet)

They're still ahead of Opera though. ;-)

--
Mark Parnell
http://www.clarkecomputers.com.au


PHP Help | Linux Help | Web Hosting | Reseller Hosting | SSL Hosting
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2006 Invision Power Services, Inc.