I create a document from several individual HTML files in a 2-column layout.
The source files contain tables, all of which have a wrapper div that spans both columns.
The issue I'm seeing is that when a natural page break occurs (i.e. the Prince engine decides to insert a page break) the top margin of the wrapper does not collapse with the page margin. I note that margins don't collapse if pages have padding or borders, but this is not the case here.
It does work as expected when I disable the column span and allow tables to occupy space in just one column. But due to the size and complexity of the tables that is not an option for me.
The same happens for H2 headings (and likely other block elements) if I apply the same styles.
Attached are some screenshots -- I have exaggerated the top margin to illustrate the issue.
The source files contain tables, all of which have a wrapper div that spans both columns.
The issue I'm seeing is that when a natural page break occurs (i.e. the Prince engine decides to insert a page break) the top margin of the wrapper does not collapse with the page margin. I note that margins don't collapse if pages have padding or borders, but this is not the case here.
It does work as expected when I disable the column span and allow tables to occupy space in just one column. But due to the size and complexity of the tables that is not an option for me.
The same happens for H2 headings (and likely other block elements) if I apply the same styles.
Attached are some screenshots -- I have exaggerated the top margin to illustrate the issue.
- 01-table-not-spanned-across-columns-no-page-break.jpg - I disabled "column-span: all" in the CSS.
- 02-table-spanned-across-columns-natural-page-break.jpg - CSS sets "column-span: all". No other CSS changes compared to the first screenshot.
Edited by ThePrintingSquirrel
