moretea — 2012-05-30T17:52:34-04:00 — #1
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-30T18:04:15-04:00 — #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-31T00:03:53-04:00 — #3
If you have the web developer toolbar installed, you can go to
CSS -> Display CSS by media type -> Print.
moretea — 2012-06-01T10:29:54-04:00 — #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...
ralphm — 2012-06-01T20:39:01-04:00 — #5
Feel free to post a link if you want us to take a look.