I am having an issue with HTML elements not printing when positioned absolutely when they extend beyond the first page. I am working on some foreign tax refund forms. The forms are cut into multiple jpg images, so that I can position them on the HTML page, so that they print properly (page1, page2, etc). The information to complete the forms is then positioned using position: absolute and a z-index of +1.
Here is an example code of my problem:
(*note: I am using Mac OS X 10.5.6 and Firefox 3.0.8)
-
<html>
-
<body>
-
<div id="1" STYLE="position: absolute; top: 0px; left: 0px;">test1</div>
-
<div id="2" STYLE="position: absolute; top: 1000px; left: 0px;">test2</div>
-
</body>
-
</html>
-
Everything displays fine in the browser, but when I go to print, anything past page one, that is aligned using absolute, will not print. I have tried saving directly to .pdf as well (since I have a mac), changed the print settings to include background images and colors (stab in the dark), and have tried using relative and static, but then the images that are the form do not show properly (they get pushed down the page).
If you need more code, let me know. Also, the reason I am using inline css is because these divs are actually created on the fly, and trying to create a stylesheet to apply to each div(since the data is always going to be changing) will not work.