views:

7

answers:

0

In Safari 3.1 and 3.2 on Windows I cannot get my CSS to work when wrapped in the media type @media print {} or @media screen {}.

I have moved all my print CSS into the master css file following Paul Irish's recommendations for boilerplate http://html5boilerplate.com/ to reduce http requests.

I have slightly modified the recommendations by wrapping all screen specific styles in the screen media type to prevent the styles form being inherited within the print e.g.

@media screen { /* All screen stuff / } @media print { / All print stuff */ }

However none of the styles render at all in this browser/OS combination, its fine everywhere else.

Has anyone else had problems with this.