Dreamweaver hates my css media type

[BrandonMUS]

[Q]<style type="text/css" media="screen">
@import "/stylesheets/layout.css"; /* Hide from NN4 */
</style>
<link href="/stylesheets/print.css" rel="stylesheet" type="text/css"
media="print" />[/Q]
Does not display in Dreamweaver (Rending Mode is set to Screen), but works in
every browser and validates.

Dreamweaver reacts better to invalid code:
[Q]<style type="text/css" media="screen,print">
@import "/stylesheets/layout.css"; /* Hide from NN4 */
</style>[/Q]

My only idea is that it sees the invalid media type and assumes a media="all".
What does Dreamweaver want? I also tried not using the @import method and
using <link> tags for both screen and print. Anyone have any experience w/
this?

Thanks
Brandon

[Murray *ACE*]

What is invalid?

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================


"BrandonMUS" <webforumsuser@macromedia.com> wrote in message
news:e9lneo$846$1@forums.macromedia.com...

> [Q]<style type="text/css" media="screen">
> @import "/stylesheets/layout.css"; /* Hide from NN4 */
> </style>
> <link href="/stylesheets/print.css" rel="stylesheet" type="text/css"
> media="print" />[/Q]
> Does not display in Dreamweaver (Rending Mode is set to Screen), but works
> in
> every browser and validates.
>
> Dreamweaver reacts better to invalid code:
> [Q]<style type="text/css" media="screen,print">
> @import "/stylesheets/layout.css"; /* Hide from NN4 */
> </style>[/Q]
>
> My only idea is that it sees the invalid media type and assumes a
> media="all".
> What does Dreamweaver want? I also tried not using the @import method and
> using <link> tags for both screen and print. Anyone have any experience
> w/
> this?
>
> Thanks
> Brandon
>

[BrandonMUS]

Media types must be seperated by a comma and a space. "screen,print" is
invalid whereas "screen, print" is valid in CSS. If a browser sees
"screen,print", I believe it will revert to the default "all". I would like to
keep my webpages without a stylesheet for handhelds, screenreaders, etc.

[Murray *ACE*]

Where do you see that media types must be separated by a comma and a space?

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================


"BrandonMUS" <webforumsuser@macromedia.com> wrote in message
news:e9lpu5$ba0$1@forums.macromedia.com...

> Media types must be seperated by a comma and a space. "screen,print" is
> invalid whereas "screen, print" is valid in CSS. If a browser sees
> "screen,print", I believe it will revert to the default "all". I would
> like to
> keep my webpages without a stylesheet for handhelds, screenreaders, etc.
>

[BrandonMUS]

While technically the CSS2 Spec doesn't say it exactly, your CSS will not validate if you don't put a space after the commas. The examples in the CSS2 Spec hint at this.

[Murray *ACE*]

So it does (or doesn't) -

W3C CSS Validator Results for [url]http://murraytestsite.com/css-test.html[/url]
To work as intended, your CSS style sheet needs a correct document parse
tree. This means you should use valid HTML.

Errors
URI : [url]http://murraytestsite.com/css-test.html[/url]
a.. Line: -1
unrecognized media print,screen

Interesting that Eric Meyer says this (and only this) -

@import url(...) <media>;

where media is "A comma separated list of target media. This portion of the
rule is optional."

and he further gives this as an example (of the @media syntax) -

@media screen,print {
* { line-height: 1.25; }
}


--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
[url]http://www.dreamweavermx-templates.com[/url] - Template Triage!
[url]http://www.projectseven.com/go[/url] - DW FAQs, Tutorials & Resources
[url]http://www.dwfaq.com[/url] - DW FAQs, Tutorials & Resources
[url]http://www.macromedia.com/support/search/[/url] - Macromedia (MM) Technotes
==================


"BrandonMUS" <webforumsuser@macromedia.com> wrote in message
news:e9m0or$jrt$1@forums.macromedia.com...

> While technically the CSS2 Spec doesn't say it exactly, your CSS will not
> validate if you don't put a space after the commas. The examples in the
> CSS2 Spec hint at this.