I have HTML that is a "template" for a "document". It has "variables" that are identified, like "%variable_one%" in the HTML. Text substitution is done on the variables. There can be multiple pages of the "document" where, say each page is a job that contains job info. I'm try to come up with a way to merge the "pages" of the HTML into one HTML file. The problem is that the "template" has divs that are hardcoded as far as location. (See below). So while in code I can easily build one big HTML file for all the pages, browsing obviously does not work correctly due to the absolute position of div elements and other elements.
How can I get around this? How can I use each instance of the template to create "pages" that are not displayed at the same absolute location? Ultimately I want to turn this HTML into a multi-page PDF.
<div id="Element2" class="Label" style="position: absolute; left: 0px; top: 124px; width: 98px; height: 16px; z-index: 1; background-color: rgb(255, 255, 255); border-style: none; color: rgb(0, 0, 0); font-weight: bold; font-family: 'Arial'; font-size: 9pt; text-decoration: none; font-style: normal; text-align: left; ">Manufacturer:</div>