@media rules

corrupted rules and Parse Errors... #3

chaotic test page
#12
01.apr.2005
rev: 24.oct.2005

testing ground

...this is a variant of the browser-targeting stylesheet used on some regular pages. The same order as in previous test-page, but with different corruption.

- Blue styles are applied (in sequense).
- Green styles are seen but not applied (because they are blocked by further filtering).
- Gray styles are not seen at all.

1: border-color: blue - open2: IE/Mac [ image ] - /* commented */3: Gecko [ image ] - @media all {...}4c: Opera 9.0+ [ image ] - @media all {... !important }4a: Opera 7.0+ [ image ] - @media <!-- -->all {... !important }4b: Opera 7.5+ [ image ] - @media <!-- -->all {... !important }5: IE/win [ image ] - @media all {...}6: Safari [ image ] - @media all {...}7: border-color: brown - open8: after corruption - @media all {...}

Work in progress.

CSS is constantly
changing, so see 
source code for
the latest.

Note:
4a & 4b (Opera) are
inside the same,
corrupted, wrapper.

Notes:

Testing how browsers recover from parse errors caused by corrupted @media rules. This is by definition: non-valid CSS.

I'm introducing additional hurdles in order to strengthen browser-separation. Older versions of Opera can recover from most hurdles, mostly in line with IE/win. Opera 9.0+ is much stricter.

Ordinary filters used for IE/win & IE/Mac.

Javascript "detection" used for IE/win. This filter can be seen/testet below 600px browser-width.

tested browsers:

Opera:
win2K: 7.22, 7.50, 7.54, 8.50
win2K: 9.0 preview 1
Mac OS-X: 7.54
- result Op 7.54: 1-2-3-4(a/b)-5-6-7-8
= recovers after one definition. The rule doesn't exist.
- result Op 9.0: 1-2-3-4c-4(a/b)-5-6-7-8
= recovers after the corrupted rule.
Moz:
win2K: 1.4, 1.7.2
- result Moz 1.4: 1-2-3-4(a/b)-6-7-8
= recovers after the corrupted rule.
FF:
win2K: (0.6), 0.8, 1.0
Mac OS-X: 1.0
- result FF 1.0: 1-2-3-4(a/b)-6-7-8
= recovers after the corrupted rule.
Safari:
Mac OS-X: 1.2.4
- result Saf 1.2.4: 1-2-3-4(a/b)-6-7-8
= recovers after the corrupted rule.
IE:
win2K: 5.0, 6.0
- result IE 6.0: 1-2-3-4(a/b)-5-6-7-8
= recovers after the corrupted rule.
Mac OS-X: 5.2
- result IE 5.2: 1-2-3-4(a/b)-5-6-7-8
= can't see inside @media rules.
Netscape (Moz):
win2K: 7.2(Moz 1.7.2)
- result NN 7.2: 1-2-3-4(a/b)-6-7-8
= recovers after the corrupted rule.

go to test-menu

testing ground