I have a large, complex site in a CMS; the stylesheets are running 1300 lines or more (although that many lines won't be applied to each page!). I am having a problem with print styles; page content is rendering in print in IE8/9, but not in Firefox (and I haven't checked Webkit browsers yet). I've tried randomly inserting visibility rules with no luck. Does anyone know of a Firebug-like tool that can diagnose print styles? Or, maybe a way to use Firebug itself? TIA!

ralphm
—
2012-05-30T22:04:15Z —
#2

You could temporarily set the print stylesheet as your desktop stylesheet, I guess. How are you linking to your print stylesheet? Is your main style sheet served to all media, or just "screen, projection, tv"?

RyanReese
—
2012-05-31T04:03:53Z —
#3

If you have the web developer toolbar installed, you can go to

CSS -> Display CSS by media type -> Print.

moretea
—
2012-06-01T14:29:54Z —
#4

Thanks guys, good suggestions! I'm still not out of the woods; with the Web Developer toolbar displaying print style, the entire page renders, but Firefox print preview only gives me my top navigation--which is set to a .noprint class to begin with! =8-O I did also take up the suggestion to explicitly serve up @media styles for screen and print. <sigh> The battle continues...