Forum How do I...?

How do I... insert a full page image and/or block element.

Mike
Hi all,

I trying to figure out, how do I insert a full page image, meaning it takes all page including footer and headers. It could be as well not an image, but a div element instead.
dsusco
You could create a page with the appropriate margins/paddings/size:

@page:blank {
margin: 0;
padding: 0;
size: 8.5in x11in;
}

then a class called full_page or something like that:

.full_page {
display: block;
height: 100%;
page: blank;
page-break-before: always;
width: 100%;
}
mikeday
Just to be clear, @page:blank matches automatically generated blank pages, eg. pages inserted before an element with "page-break-before: left" or right. While "@page blank" with no colon matches a named page sequence called "blank". So it would probably be better to call it full-page or something like that, for clarity.
Mike
So, if I understood this correctly, an empty full page can be generated by simple removing margin and padding of that page.
mikeday
Yes.