Here is the CSS I'm using:
Then I use 2 divs, with ids 'prince-header' and 'prince-footer':
Then, only the header is displayed on each page, and the footer appears on the last page only. How come?
@page {
margin-top: 6em;
@top-right { content: flow(flow-prince-header) }
@bottom { content: flow(flow-prince-footer) }
}
#prince-header { flow: static(flow-prince-header) }
#prince-footer { flow: static(flow-prince-footer) }
Then I use 2 divs, with ids 'prince-header' and 'prince-footer':
<div id="prince-header"><img src="..."></div>
<div id="prince-footer"><img src="..."></div>
Then, only the header is displayed on each page, and the footer appears on the last page only. How come?