Printing

[bigdavemmu]

To be honest I am new to using CSS for printing and I want to use CSS to print my pages; dilemma!

I have successfully used CSS to eliminate elements and add a small underline, set font, link colours etc... But no matter what I do I can't seem to get the thing to print everything off within my margins. I've been messing with this for ages and can't get the hang of it.

Can you please help...

Here's the CSS:

Code: Select all

div#content { 
	page: tablecontents;
	border-width: 0;
	border-bottom-width: thin;
	border-style: groove;
	}
	
@ page: tablecontents {
	size: 8in 11in;
	}


.printheader_small { 
	color: #000;
	font-size: 8px;
	font-family: Verdana, Arial, serif;
	font-style: italic;
	}

.printheader {
	color: #000;
	font-size: 12px;
	font-family: Verdana, Arial, serif;
	font-style: italic;
	font-weight: bold ;
	}
	
.no_print {
	display: none;
	}
	
body {
	background: white;
	}

	
td { font-family: Garamond, "Times New Roman", Times, serif;
	color: black; 
	}	
	
a:link {
	text-decoration: none;
	color: Green;
	font:Verdana;
	}
	
a:visited {text-decoration: none;
	color: Green;
	font:Verdana;
	}
	
a:hover {
	text-decoration: none;
	color: Green;
	font:Verdana;
	}

Do you need the HTML code?? The page can be found at www.candoslimming.com. I am using tables for the site. Does this affect it?

ANY help whatsoever would be brilliant.

Thanks people!

[D3mon]

When using CSS for both screen and print modes, define your style sheet as follows:

Code: Select all

@media screen,print {
 ...all your normal styles here...
}
@media print {
   body { width: 100% }
  ..any other styles required to remove elements, images or styling from the printed page...
}

This re-definition of the body size will 'slim' the document down to fit the size of the paper you are printing to.