Return to Snippet

Revision: 55401
at February 5, 2012 06:10 by duzenz


Initial Code
<html>
    <head>
        <style type="text/css">
        #printable { display: none; }
        @media print
        {
            #non-printable { display: none; }
            #printable { display: block; }
        }
        </style>
    </head>
    <body>
        <div id="non-printable">
            non printable area
        </div>
        <div id="printable">
            printable area
        </div>
    </body>
</html>

Initial URL


Initial Description
Show only non-printable area on web page but  print only the printable areas

Initial Title
Show only non-printable area on web page but  print only the printable areas

Initial Tags
css, html, page, web, html5

Initial Language
CSS