i have a cover sheet that i have exactly one page width/height.
im dynamically inserting content into my pdf for the next X pages (however many it takes), but i have a page template laid out where there's a fixed width/height div that is only supposed to have the content. this has a background styling as well, etc, and i want it to create as many page templates of this type as possible until the content coming in is done. then produce the rest of the pdf, etc.
here's something i have. i have even tried removing the page_inner clause and seeing if it would add the div to header and footer of all pages, but it doesnt.
here's an example of my html:
Where you see the loren ipsum, i had that repeating like 100 times to see what it did. the header didnt fixate anywhere except where it would have shown anyway without setting it as header. and the footer showed at only the last part of the doc.
im dynamically inserting content into my pdf for the next X pages (however many it takes), but i have a page template laid out where there's a fixed width/height div that is only supposed to have the content. this has a background styling as well, etc, and i want it to create as many page templates of this type as possible until the content coming in is done. then produce the rest of the pdf, etc.
here's something i have. i have even tried removing the page_inner clause and seeing if it would add the div to header and footer of all pages, but it doesnt.
@page page_inner {
margin:0;
@top { content: flow(page_inner_header) }
@bottom { content: flow(page_inner_footer) }
}
.page_inner { page: page_inner }
.page_inner p {
color:#000;
}
.page_inner_header { flow: static(page_inner_header) }
.page_inner_footer { flow: static(page_inner_footer) }
here's an example of my html:
<!DOCTYPE html>
<html>
<head>
<title>MarketBandit Report</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="wrap">
<div class="page page_cover">
<div class="cover_header"></div>
<div class="cover_bridge bg_slant_white">
<div class="cover_logo_wrap">
<a href="http://www.marketbandit.com/" target="_blank" class="cover_logo"><img src="images/cover_logo.png"></a>
</div>
</div>
<div class="cover_bridge_stripe"></div>
<div class="cover_main_wrap">
<div class="cover_main_bg"></div>
<div class="cover_main_mb"></div>
<div class="cover_main">
<h1><span class="grey">SEO</span><span class="orange">audit</span></h1>
<p class="cover_prepared">Prepared for:</p>
<p class="cover_business">Sample Company, LLC</p>
<p class="cover_nap">
123 Happy Street<br>
Town, WI 45975<br>
866-555-1234<br>
tech@samplecompany.com
</p>
</div>
</div>
<div class="cover_moz"></div>
<div class="cover_footer"></div>
</div>
<div class="page_fluid page_inner">
<div clas="page_inner_header">
<div class="page_header">
<div class="page_logo_wrap">
<a href="http://www.marketbandit.com/" target="_blank"><img src="images/page_logo.png"></a>
</div>
</div>
<div class="page_top_stripe"></div>
</div>
<p>Duis lobortis dui eu nibh molestie pretium. Ut et ligula massa. Morbi nibh neque, semper id consequat vel, rutrum sed justo. Duis dapibus pellentesque urna ac tempor. Cras mattis laoreet nibh, at bibendum lacus mattis a. Maecenas ac interdum arcu, rutrum porttitor velit. Nullam vehicula enim justo, at aliquam eros ullamcorper a. Quisque sit amet dolor condimentum, eleifend ligula vulputate, convallis velit. Nulla non nunc turpis. Curabitur sit amet sagittis dui. Cras dapibus elit quam. Fusce tristique iaculis eros sed auctor. Morbi tincidunt elit nunc, sed tempor urna aliquet egestas. Nam euismod nisl lacus, et condimentum lorem pellentesque sit amet. Phasellus nisi urna, consequat vitae dolor ac, vehicula suscipit turpis. Vestibulum et risus augue.</p>
<div class="page_inner_footer">
<div class="page_bot_stripe"></div>
<div class="page_footer"></div>
</div>
</div>
</div>
</body>
</html>
Where you see the loren ipsum, i had that repeating like 100 times to see what it did. the header didnt fixate anywhere except where it would have shown anyway without setting it as header. and the footer showed at only the last part of the doc.