David Laakso wrote( and sent back to the list):
Hello David.
Using ":7" causes a parsing error.
Who cares :-) ?
Not me. :-)
@import test-ie;
Upon checking your page I noticed that whole chunks of the media
queries are invalid. This one,
@media screen and (max-device-width: 480px), screen and (max-width:
480px) { .... }
should be as.
@media screen and (max-device-width: 480px) and (max-width: 480px) {
.... }
It is late. I am tired. Point me to where it says that in the CSS3 specs.
<http://www.w3.org/TR/css3-mediaqueries/#width>
Example XXIV
@media screen and (min-width: 400px) and (max-width: 700px) { … }
Example XXV
@media handheld and (min-width: 20em),
screen and (min-width: 20em) { … }
You only use a comma "," to separate different media types.
Also ones like this,
@media (max-width: 800px) { #tl, #tr, #bl, #br { display: none; } }
should have a media type and "and".
@media screen and (max-width: 800px) { #tl, #tr, #bl, #br { display:
none; } }
As above.
I'm wrong and the validator doesn't see what you had as correct.
<http://www.w3.org/TR/css3-mediaqueries/#media0>
Example V
I.e. these are identical:
@media all and (min-width:500px) { … }
@media (min-width:500px) { … }
The spec has.
| A shorthand syntax is offered for media queries that
| apply to all media types; the keyword ‘all’ can be
| left out (along with the trailing ‘and’). I.e. if the
| media type is not explicitly given it is ‘all’.
Best,
Dr Lakra
IE9 now supports media queries. Lots of fun.
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
