Okay, it was simple and I've fixed it.
Fortunately, we /will/ be able to dictate the browser to the person(s) that'll be using this bit, and so I can simply use position: fixed; and it all works good.
Here's the updated script for anyone interested:
HTML code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<style type="text/css">
html, body {width: 100%; height: 100%; margin: 0px; font-size: 11pt;}
*
{font-family: Helvetica;}
#page
{
display: block;
width: 205mm;
height: 292mm;
position: relative;
}
.company_info
{
position: fixed;
left: 13mm;
bottom: 0mm;
width: 55mm;
font-size: 5pt;
font-family: Helvetica;
}
.fsa_info
{
position: fixed;
right: 6mm;
bottom: 0mm;
width: 75mm;
font-size: 5pt;
font-family: Helvetica;
}
.pageBreak
{
height: 1px; line-height: 1px;
float: none; clear: both;
page-break-after: always;
}
</style>
</head>
<body>
<div id="page1">
[content 1]
<div class="company_info">[company info]</div>
<div class="fsa_info">[fsa info]</div>
</div>
<br class="pageBreak"/>
<div id="page2">
[content 2]
<div class="company_info">[company info]</div>
<div class="fsa_info">[fsa info]</div>
</div>
<br class="pageBreak"/>
<div id="page3">
[content 3]
<div class="company_info">[company info]</div>
<div class="fsa_info">[fsa info]</div>
</div>
<br class="pageBreak"/>
<div id="page4">
[content 4]
<div class="company_info">[company info]</div>
<div class="fsa_info">[fsa info]</div>
</div>
<br class="pageBreak"/> |