Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Dec 2011
    Posts
    41
    Thanks
    14
    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?

    Thank you
    Peter

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,666
    Thanks
    6
    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).


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •