Appendix CBrowser results for the examples
For browsers which exist for different platforms, the results are the same unless expliclty mentioned.
| Browser | Nested Rounded Corners | Boxes | Borders |
|---|---|---|---|
| IE Win 7 beta2 | Pass | Pass | Pass | IE Win 6.0 | Pass | Pass | Pass [note] |
| IE Win 5.5 | Pass | Pass | Pass [note] |
| IE Win 5.01 | Fail (mild) [note] | Fail (moderate) [note] | Pass (?) [note] |
| IE Mac 5.2 | Fail [note] | Fail (mild) [note] | Fail (mild) [note] |
| Firefox 1.5 | Pass [note] | Pass | Pass |
| Firefox 1.0 | Pass [note] | Pass [note] | Pass |
| Netscape 8.0 | Pass | Pass | Pass |
| Netscape 7.2, 7.1 | Pass [note] | Pass | Pass |
| Netscape 7.0 | Fail (mild) [note] | Fail (mild) [note] | Pass |
| Netscape 6.2 | Fail [note] | Fail (moderate) [note] | Fail (severe) [note] |
| Opera 9.0 (beta) | Pass | Fail (moderate) [note] | Pass [note] |
| Opera 8.5, 8.0 | Pass | Pass [note] | Pass |
| Opera 7.5 | Pass | Pass [note] | Pass |
| Opera 7.2 | Fail (mild) [note] | Pass [note] | Fail (mild) [note] |
| Opera 7.1 | Fail (mild) [note] | Pass [note] | Fail (severe) [note] |
| Opera 6.0 | Fail (severe) [note] | Fail (severe) [note] | Fail (severe) [note] |
| Safari 2, 1.3, 1.2 | Pass | Pass | Pass |
| Safari 1.0 | Pass | Pass | Fail (mild) [note] |
| iCab 3.0beta | pass | pass | pass |
| IE Win 6.0, 5.5 | |
|---|---|
| Borders |
Bizarrely needs adjustment to cater for slight but unexplained right-hand corner background shift |
| IE Win 5.01 | |
| Rounded |
Fails to extend all the boxes to quite the absolute height required |
| Boxes |
Extends side borders to bottom of page and truncates #block_3d though not its contents. On scrolling, the extended borders vanish which means it's probably |
| Borders |
Basic hacks allow nice degradation that maintains the decorative elements while forgoing the correct stretching of the bottom boxes. Without those hacks the columns simply vanish, presumably due to some |
| IE Mac 5.2 | |
| Rounded |
Since it can't really cope with the snaps or corners it degrades positionally well enough, apart from div 9 which wraps underneath - nothing to do with the wrapping container since giving it extra space does not help. |
| Boxes |
Degrades nicely and as expected. |
| Borders |
Degrades nicely and as expected though requiring same background shifting as IE Win 6.0 |
| Firefox 1.5b1, Camino 1.0a1 | |
| All |
Float positioning when negative margins are around is bust in the beta versions and release candidate 1. |
| Firefox 1.0 | |
| All methods |
Also tested and passes in Firefox 0.8 and Mozillas 1.4, 1.5 and 1.6 |
| Rounded |
The presence of a relatively positioned element within any of the blocks causes weird scrolling effects when trying to select text. This bug has been fixed in 1.5, but just so you know. Details in this [css-d] thread. |
| Netscape 7.2, 7.1 | |
| All methods |
Strangely enough since I really would have expected these to fail |
| Netscape 7.0 | |
| Rounded |
Bottom right corner and snap inset upwards and leftwards. Mild failure, and probably hackable for working solutions. Following a machine crash, I no longer have a copy of Netscape 7.0 and cannot track one down, so this might no longer be true - but who cares? |
| Boxes |
Extremely close, but bottom bg painting extends beyond the borders of the bottom-most boxes |
| Netscape 6.2 | |
| Rounded |
Much the same as Netscape 7.0 |
| Boxes |
Much the same as Netscape 7.0 but not quite as close |
| Borders |
An utter mess |
| Opera 9.0 (beta) | |
| Boxes |
Final boxes only painted as far as bottom of verticallt aligned elements leaving ghostly space above bottommost border for each column. |
| Borders |
To get Opera 9 and 8 to play together at the same time requires some mundane if verbally spectacular and verbose hackery. Of course, you could just drop support for Opera 8... |
| Opera 8.5, 8.0 | |
| Boxes |
Weirdness going on when setting margin and padding, along with ems. Gets it basically right but the leftmost column is shunted rightwards and needs explicit surgery to rectify things - which causes reload side-effect oddness in IEs. |
| Opera 7.54 | |
| Boxes |
As with Opera 8 |
| Opera 7.23 | |
| Rounded |
Top left rounded corners dissappear |
| Boxes |
As with Opera 8 |
| Borders |
As with Opera 8 |
| Opera 7.10 | |
| Rounded |
As with Opera 7.23 |
| Boxes |
Bizarre! No overlong scrolling page! |
| Borders |
Bottom boxes overly extended |
| Opera 6.06 | |
| Rounded |
Block 1 disappears, most snaps vanish, bottom corners vanish or incorrectly placed |
| Boxes |
Block 3 covers the central column (Block 1), snaps and bottom borders all over the place |
| Borders |
Block 3 covers the central column (Block 1), snaps and borders not shifted to bottom. Potentially hackable to degrade nicely à la IE Mac 5... |
| Safari 1.0.3 | |
| Borders |
Top borders not drawn correctly |