Forum Documentation

Multiple footer with different CSS

vicky
I am having the following div to be included in the footer part of the page,

<div id="disclaimer">This is to display disclaimer</div>
<div id="footnotes">This is to display footnotes</div>
<div id="footer">This is to display footer</div>


to set this as footer, i am using the following code,

<div id="footer_container">
<div id="disclaimer">This is to display disclaimer</div>
<div id="footnotes">This is to display footnotes</div>
<div id="footer">This is to display footer</div>
</div>


and the css as follow,

#footer_container { prince-flow: static(footer) }

@page
{
   @bottom 
   {
	content: flow(footer);
    }
}



as shown in the png file, we are providing the option to the user to include the "footer, footnote & disclaimer" in any page(On first page or On all page or On last page or Hide). If the user select as follow

disclaimer - On last page only
footnotes - On first page only
footer - On all page

then how to write the css....is it possible....
  1. headerfooter.png19.1 kB
    header and footer

Edited by vicky

mikeday
Sounds a bit tricky. Prince puts footnotes in a special @footnotes area, and it is not possible to make something only appear on the last page and not on other pages, unless you just put it at the end of the document, and maybe use "float: bottom".