Print A Popup Window

[suzie]

Dear Friends, am building a new website, where readers can print the article the want.upon click on "print" a popup window appears. using window.print(); the main window(window behind the popup) and the popup window are printed. I want only the popup to be printed.here is the div of the popup window:

 <div class="window" id="popup3">  <header>  <div class="row">  <input type="submit" class="submit" value="print" onclick='send_toprint();' /></div>   <div class="section"><strong class="logo-print"><a href="#"><img src="" alt="image description" width="167" height="50" /></a></strong>   </div>   <div class="section">    <strong class="title">title goes here</strong>	<h1 id='titleprint'></h1>   </div> </header>  <p id='txtprint'>text goes here.</p> <footer> </footer>   </div>

[ShadowMage]

You can use @media rules to hide all of the content on the main page.

[justsomeguy]

You can use the same type of rules to target the popup for printing to make sure it shows up at 100% width and auto height. If you printed it now then it would appear on the paper at the same size it does on the screen instead of taking up the whole page.