Jump to content


Photo

Print CSS - IE - Displays correctly but prints incorrectly.


  • Please log in to reply
No replies to this topic

#1 roopurt18

roopurt18
  • Staff Alumni
  • Advanced Member
  • 3,749 posts
  • LocationCalifornia, southern

Posted 07 September 2006 - 07:35 PM

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 div with width 7.25in and height 9.25in.  The footer has the following style set in the .css file:
.PurchaseOrder .POFooter{
width: 7.25in;
position: absolute;
left: center;
}

In addition, each footer is contained in a div with the following:
  <div class="POFooter" style="top: {FOOTER_TOP}in;">
where {FOOTER_TOP} is replaced by:
<?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);
?>
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.
Posted Image
PHP Forms : Part I | Part II

JavaScript: Singleton

http://www.rbredlau.com




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users