I've got the following code and I'm trying to use CSS2 or CSS3 to make it so the content appears below the header on each page when in print preview.
Is this possible? It seems to work correctly on the first page but then every page after that the header sits on top of my content.
<!DOCTYPE html>
<html><head>
<style>
@media print {
h1 {
position:fixed;
top: 0;
left: 0;
}
#content {
padding-top: 100px;
}
}
</style>
</head>
<body>
<h1>Testing printing CSS</h1>
<div id=content>
<p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p><p>Testing</p>
</div>
</body> </html>