No replies
Last seen: 12 years 18 weeks ago
Joined: 2009-09-20
Posts: 1
Points: 0

I have some code that prints an HTML age and opens it in a PDF document.
I need to get the footer to the bottom of the page and have tried some CSS but they were designed for webpages so it is not placing the footer int he correct place.

Any ideas how to do this for A4 print out pages?

I can't get the HTML as it converts it straight to PDF. I'm having difficulty actually getting it to be at the footer of the A4 page without either rolling over onto the next or being in completely the wrong place.

The footer at present is like this:

<div id="footer">
<td colspan='4' style='text-align: center;'>
Title to the above goods does not pass to the purchaser until this invoice is settled in full including VAT.<br />
Terms and Conditions are available upon request.
<td width='30%'><img src='http://www.#*$!#*$!'></td>
<td width='40%'>CompanyName is a Registered Trademark</td>
<td width='10%'>Partners</td>
<td width='20%'>Mr #*$! (Managing)<br />
x #*$!<br />
VAT No. #*$! #*$!x xx</td>
<?php if ($this->settings_model->get_setting('display_branding') == 'y'):?>
<?php echo $this->lang->line('invoice_generated_by');?>
<?php echo $this->lang->line('bambooinvoice_logo');?><br />
<a href=""></a>
<?php endif;?>

The only CSS I have in the page at present is:

body {
margin: 0.5in;
h1, h2, h3, h4, h5, h6, li, blockquote, p, th, td {
font-family: Helvetica, Arial, Verdana, sans-serif; /*Trebuchet MS,*/
h1, h2, h3, h4 {
color: #5E88B6;
font-weight: normal;
h4, h5, h6 {
color: #5E88B6;
h2 {
margin: 0 auto auto auto;
font-size: x-large;
h2 span {
text-transform: uppercase;
li, blockquote, p, th, td {
font-size: 80%;
ul {
list-style: url(img/bullet.gif) none;
table {
width: 100%;
td p {
font-size: small;
margin: 0;
th {
color: #FFF;
text-align: left;
.bamboo_invoice_bam {
color: #5E88B6;
font-weight: bold;
text-transform: capitalize;
.bamboo_invoice_inv {
font-weight: bold;
font-variant: small-caps;
color: #333;
#footer {
border-top: 1px solid #CCC;
//text-align: right;
font-size: small;
color: #999999;
position: relative;
margin-top: -150px; /* negative value of footer height */
height: 150px;
#footer a, td {
color: #999999;
text-decoration: none;
font-size: x-small;
#totals {
text-align: right;
table.stripe {
border-collapse: collapse;
page-break-after: auto;
table.stripe td {
border-bottom: 1pt solid black;