print div

I forgot the A4 part.  Here's a fantastic link on setting the page size:

http://www.princexml.com/doc/6.0/page-size/

You'll need to make a separate CSS file that contains your CSS for printing.  You link this CSS into your page like this:



The media="print" part tells the browser that this CSS only applies when printing.

If you only want to print the contents of one div, then you must use the CSS to hide everything else.  You set everything else to display: none.  For example:

#header, #footer, #navigation, #sidebar, button {display:none;}

If your html included sections with IDs of header, footer, navigation and sidebar, this would hide them during printing.  It would also hide every section with a CSS class of button.  You could modify this to hide everything you don't want to print.

While you're at it, you can set fonts, colors, or any other styles you want.  These will only apply during printing.

Hi friend,

Try something like this:

Put all the id's which you dont wan't to print with style display:none;

Hope this helps you