Hi, in 8 days I have to submit my thesis and I currently take care to bring my html to pdf using prince.

On some pages all given footnotes are printed at the same position (see footnotes.png).

I used the following command: prince --media=print scienceWriter.htm -o scienceWriter2.pdf
I tried version 9.0 and 11.1

Regards

1. Footnotes.png‎ 108.5 kB ‎
   Overlapping Footnotes

Edited 22 Mar 2017 by TuningGuide

@page {
@top-left { border-bottom: thin solid #8c8b8b; }
@top-right { border-bottom: thin solid #8c8b8b; }
@top-center { border-bottom: thin solid #8c8b8b;
font: sans serif;
content: "- " counter(page) " - "
}
/* marks: crop cross ;*/
size: 16cm 24cm portrait;
padding-top: 12pt;
font-size: 8pt;
line-height: 9.6pt;
font-family: "Charis SIL";
/* set font for whole project 8 on 9.6*/
@footnotes {
border-top: thin solid gray;
padding-top: 1pt;
margin-top: 20pt;
}

}

Try adding the @footnotes to the @page

blessing on getting it done.

Jim Albright
Wycliffe Bible Translators

Thanks Jim, I found out that the normalize.css I'm using is causing the error. The file includes following part

  /**
   * Prevent `sub` and `sup` affecting `line-height` in all browsers.
   */
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }

  sup {
    top: -0.5em; }

  sub {
    bottom: -0.25em; }

After removing this the footnotes showed just fine.