print div

Question

how to print only the contents inside the div in A4 size from web pages. someone please help me. I've almost completed my project.

Andrew Fenster · Answer

I forgot the A4 part. Here's a fantastic link on setting the page size: http://www.princexml.com/doc/6.0/page-size/

Andrew Fenster · Answer

Amit answered while I was typing. His answer is fine - basically the same thing I suggested.

Andrew Fenster · Answer

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.

Amit Choudhary · Answer

Hi friend, Try something like this: css " media=" print "> table#hidden {display:none} div # print { display:block; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; height: 100%; width: 100%; } Put all the id's which you dont wan't to print with style display:none; Hope this helps you

print div

Answers (4)