show div only when printing

Question

Let\'s say that I have

     Title
     

        Printing content 
     



        

Answer 1

You should use media query.

In your case:

#printOnly {
    display: none;
}

@media print { 
    #printOnly {
        display: block;
    }
}

PS take a look here http://www.joshuawinn.com/css-print-media-query/ for browser support

Answer 2

@media screen { #printOnly:{display:none;} }
@media print{ #printOnly:{display:block;} }

Answer 3

You need some css for that

#printOnly {
   display : none;
}

@media print {
    #printOnly {
       display : block;
    }
}

Answer 4

/*for printer*/
@media print {
    #printOnly { }
        /* write your css rules*/

}
/*for desktop*/
    @media screen {
    #printOnly { display: none;}
             /*for all display view*/                 
}

Answer 5

@media screen
{
    #printOnly{display:none;}
}

@media print
{
    #printOnly{}
}

Answer 6

You can attach external css stylesheet with media="print" attribute:

<link rel="stylesheet" type="text/css" media="print" href="print.css">