I have an application that generates PDF invoices from PDF's using EO.Pdf. One of our clients has a requirement that we use payment coupons at the bottom of the last page of the invoice. We need to be able to use all of the area on all of the pages except for the last one and then on the last one, display the payment coupon on the bottom of that page. So it needs to be smart enough to know that if the entire payment coupon won't fit on the last page, it needs to be on its own page (at the bottom).

The following css code works perfectly fine when trying to print from the HTML rendered in the browser, but since EO.Pdf only supports @media screen, it won't work for what we need. Does anyone have experience doing this sort of thing?

<style>
/* The purpose of footer_space is merely a primitive way to force a page break when the footer (payment coupon can not fit completely on the current page. if space for the footer is not allocated then the footer will cover a portion of the final detail lines of the invoice. */
.footer_space
{
padding-top: 175px; /* Make the Pad exactly equal to the space that the footer takes and all is good in life. Force an adequate page break and leave space for the real footer */
}

@media print
{
.footer
{
position: absolute;
bottom:0px;
page-break-inside: avoid !important;
width: 100%;
}
}
</style>