Working on a creating a self generated magazine on PDF, where basically I have two type of pages, full image pages and content pages.
The full image pages doesn't need to have the header or the footer so trying to find the way to show / hide the header and the footer in the pages I want. Was trying with z-index, what is a basic concept and sounds like it should to work, but dompdf doesn't like it.
I have defined the css for this two type of pages, the full images as absolute and the other as relative.
.cover_sheet {
position : absolute;
top : 0px;
left : 0px;
right : 0px;
bottom : 0px;
overflow : hidden;
margin : 0;
padding : 0;
}
.margin_sheet {
position : relative;
top : 70px !important;
bottom : 0px;
overflow : auto;
margin : 40px !important;
padding : 0;
}
Then, I'm defining every block with:
div.page {
page-break-after: always;
page-break-inside: auto;
}
I need to have it as and because I have blocks with more than one page. I already make it works just having divs for every page with like "" and setting the .margin_sheet as absolute, but then, if the first page on the block overflows, it doesn't show the content of next pages.
So with the solution I have everything works as I expected, but just need to hide the damn header on footer on the "cover_sheet" divs. Any idea?