Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
04-04-2014, 08:24 AM #1
- Join Date
- Dec 2011
- Thanked 0 Times in 0 Posts
How to find the CSS for printing (NOT for screen!) for webpages?
As you know there can be different CSS style sheets for screen and for printing.
Lets take a well known sample: Wikipedia and the following web page:
Forward contract - Wikipedia, the free encyclopedia
I have a Add-On tool like Firebug for Firefox where I can inspect the HTML/CSS code.
However I cannot find the CSS which is responsible for printing.
All the shown CSS definitions I have seen so far are for screen.
How do I track down the CSS code hierarchy to find the print CSS stylesheet?
04-04-2014, 09:50 AM #2
- Join Date
- Jan 2006
- Halle (Saale), Germany
- Thanked 1,006 Times in 979 Posts
There is another useful Firefox extension that is called Web Developer Toolbar where you can view and/or disable styles by media type. Wikipedia is kind of a bad example because they basically have all styles in one minified stylesheet (which is loaded through a PHP script and located at http://bits.wikimedia.org/en.wikiped...&skin=vector&*) and are using media queries. There is a query string parameter “debug=false” in the above mentioned URL. If you change “false” to “true” you will get the uncompressed stylesheet which you can analyze a little better (but there are numerous online tools to uncompress CSS, too, so that shouldn’t be any issue).