Forum How do I...?

Using absolute positioning over an image

dhancock
I need to place an image (of a form) on a page, then use lots of HTML like the following to position text directly on the form:

<div id="Layer900" style="position: absolute; width: 150px; height: 12px; z-index: 50; left: 633px; top: 897px;">
<font face="Courier New, Courier, mono">United Kingdom</font>
</div>

I know it's ugly, but I inherited it and it works in the browser.

When I run it through Prince, the text is offset very far to the right (almost off the page) and about 3/4 of the way down the page.

Can anyone suggest a fix for this (or a better approach for laying text directly onto a position on the page)?

Thanks, and
Cheers!
--
David Hancock
mikeday
The problem seems to be that the values for left and top are just too big for the sheet of paper you're printing on. You could try reducing them, or using a bigger paper size, or enabling shrink-to-fit on the page.