CSS/HTML Footnotes am Ende der Seite bei pdf Export

Gast #6946201
Lesenswert?
• ▲
▼
Hi zusammen

Kennt jemand eine Möglichkeit für ein CSS Aufbau damit Content von HTML 
tags beim Exportieren als pdf am Ende einer (pdf-)Seite dargestellt 
wird?
zB
1
<p>
2
  Bla bla bla und jetzt die Footnote
3
  <span class="footnote">
4
    <sup class="footnote-number">1</sup>
5
    <div class="footnote-text"><sup>1</sup>Dieser Text am Ende der PDF Seite</div>
6
  </span>
7
</p>
Dabei soll eben der Content der Class `footnote-text` am Ende der PDF 
Seite auftauchen.

Auto-Nummerierung und Link spielt keine Rolle...
Gast #6946277
Lesenswert?
• ▲
▼
Eventuell kann man mit "@media print" Druck / PDF Export spezifischen 
Code machen.
Es gibt diverse Eigenschaften für wo Seiten getrennt werden usw.: 
https://www.w3.org/TR/CSS2/page.html (Wobei, besonders gut funktionieren 
die nicht)
Eventuell auch nützlich: https://www.w3.org/TR/CSS2/page.html

Mir ist kein weg bekannt, das zu machen, wenn mehrere Seiten involviert 
sind. Das nächstbeste, das ich hinbekommen hab, ist: 
https://jsfiddle.net/wburostn/1/
Gast #6946484
Lesenswert?
• ▲
▼
Hi

Danke für die Links.

Mit `@media print` wäre es mir auch am liebsten gewesen, aber selbst mit 
Hilfe der Doku finde ich nichts passendes :(

🐧 DPA 🐧 schrieb:
> Mir ist kein weg bekannt, das zu machen, wenn mehrere Seiten involviert
> sind. Das nächstbeste, das ich hinbekommen hab, ist:
> https://jsfiddle.net/wburostn/1/

Dein Versuch habe ich ausprobiert, danke dafür. Aber wie du leider 
selbst festgestellt hast funktioniert es nicht zuverlässig. Auch habe 
ich bemerkt, dass wenn man nach dem `<div class="footer">` zusätzlichen 
content hinzufügt, der footer leider irgendwo in der Seite hängt :/

Bin mir mittlerweile gar nicht mehr sicher ob sowas überhautp geht, evtl 
mit Hilfe von js...

Sonstige Ideen ? (js ist auch erlaubt)

Antwort schreiben

Hinweis: der ursprüngliche Beitrag ist mehr als 6 Monate alt. Bitte hier nur auf die ursprüngliche Frage antworten, für neue Fragen einen neuen Beitrag erstellen.

Formatierung
  • [c]C-Code[/c]
  • [code]Code in anderen Sprachen, ASCII-Zeichnungen[/code]
  • [math]Formel in LaTeX-Syntax[/math]
  • [[Titel]] – Link zu einem Artikel
  • Verweis auf einen anderen Beitrag: Rechtsklick auf dessen Beitrags-ID (#8078628), „Adresse kopieren“, in den Text einfügen

Mehr zur Formatierung

Längeren Sourcecode als Anhang, nicht in den Text. JPG nur für Fotos und Scans; Zeichnungen und Screenshots als PNG oder GIF. Siehe Bildformate.

Schon registriert? Anmelden

Wird nicht angezeigt. Wir schicken dir einen Link; sobald du damit bestätigst, erscheint dein Beitrag.

Mit dem Abschicken legst du einen kostenlosen Account an und erkennst die Nutzungsbedingungen und die Datenschutzerklärung an.