Hi,

Does anyone know make a footer containing an full-width image and a text underneath it?

I've tried with the following but only the image is displayed. Maybe the image is floated?

<div id="footer"><img src="../img/pdf_only/footer.jpg" alt="Page footer" /><br />Test line</div>

@page {
			size: a4;
			margin: 3cm 2cm 3cm 2cm;
			padding: 2cm 0 2cm 0;

			@top {
				margin-top: 2cm;
				content: flow(header);
			}

			@bottom {
				margin-bottom:2cm;
				content: flow(footer);
			}
			
		}
#footer {prince-flow: static(footer);}

Are the margin boxes big enough? You don't need the margin-top/margin-bottom properties in the margin boxes themselves; it is the margin properties on the @page rule that determine the page margins and hence the available space for headers and footers.

Hi Mike,

You're right!

Thank you for your quick reply...


Cheers.