roopurt18 Posted September 7, 2006 Share Posted September 7, 2006 I'm using PHP and MySQL dynamically build pages of purchase orders. Each page contains a footer of two signature fields which must display at the bottom of each page. Each "page" of the PO is a [b]div[/b] with width 7.25in and height 9.25in. The footer has the following style set in the .css file:[code].PurchaseOrder .POFooter{width: 7.25in;position: absolute;left: center;}[/code]In addition, each footer is contained in a [b]div[/b] with the following:[code] <div class="POFooter" style="top: {FOOTER_TOP}in;">[/code]where [B]{FOOTER_TOP}[/B] is replaced by:[code]<?php $footer_top = ($page - 1) * 9.25 + 9; if($sig){ // If a signature jpeg exists $footer_top -= .5; } $page = str_replace('{FOOTER_TOP}', $footer_top, $page);?>[/code]Each page of the PO displays correctly in the browser, meaning the footer of every page sits directly on top of the header of the next page. However, when I print preview in IE (or print) the footer starts climbing higher and higher up each page.[img]http://www.ibswebview.com/test/po_imgs/footer_climb.JPG[/img] Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.