use this in the CSS inserts
BUT BE WARNED you may not get what you think you should. Each column of the page may end on a new page (at least that's what happens on the MAC in Safari and Firefox) and in Safari, I have the option in the print dialogue to include the header and/or footer)
This is all controlled by the browser and operations system, not the website. a screen print is the way to go if you want the whole page...
HTML Code:
/* ------------------------------------------------------------------
---------- PRINT STYLE ----------------------------------------------
------------------------------------------------------------------ */
@media print {
body {
background: white;
color: black;
margin: 0;
font-size: 10pt !important;
font-family: arial, sans-serif;
}
div.post-footer {
line-height: normal !important;
color: #555 !important;
font-size: 9pt !important;
}
a:link,
a:visited,
a:active,
a:hover {
text-decoration: underline !important;
color: #000;
}
h2 {
color: #000;
font-size: 14pt !important;
font-weight: normal !important;
}
h3 {
color: #000;
font-size: 12pt !important;
}
#header,
#footer,
.colone,
.colthree,
.navigation,
.navigation-top,
.navigation-middle,
.navigation-bottom,
.wp-pagenavi-navigation,
#comment,
#respond,
.remove-for-print {display: block;}
td#left, td#right, td#left-inner, td#right-inner {
width: 0;
display: block;
}
td#middle {
width: 100% !important;
display: block;
}
/* 8 hacks for display:none for all sidebars for all browsers except IE. */
*:lang(en) td#left {
display: block;
}
*:lang(en) td#right {
display: block;
}
*:lang(en) td#left-inner {
display: block;
}
*:lang(en) td#right-inner {
display: block;
}
td#left:empty {
display: block;
}
td#right:empty {
display: block;
}
td#left-inner:empty {
display: block;
}
td#right-inner:empty {
display: block;
}
}