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