header, footer nicht mehr auf jeder gedruckten Seite – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self header, footer nicht mehr auf jeder gedruckten Seite Sun, 24 Nov 19 08:41:35 Z https://forum.selfhtml.org/self/2019/nov/24/header-footer-nicht-mehr-auf-jeder-gedruckten-seite/1760576#m1760576 https://forum.selfhtml.org/self/2019/nov/24/header-footer-nicht-mehr-auf-jeder-gedruckten-seite/1760576#m1760576 <p>Moin,</p> <p>nach langer Zeit wollte ich mal wieder ein HTML-Dokument drucken, das den <code>header</code> und <code>footer</code> tag enthält.</p> <p>Zu meiner Überraschung wurden diese beiden nicht wie früher auf jeder Seite gedruckt, sondern nur je einmal am Anfang und Ende des Dokuments.</p> <p>Ist das ein Bug vom Firefox 70.0.1 oder hat sich die Definition von header und footer geändert?</p> <p>Welchen Sinn machen diese tags dann noch?</p> <p>Gruß, Linuchs</p> header, footer nicht mehr auf jeder gedruckten Seite Sun, 24 Nov 19 09:18:01 Z https://forum.selfhtml.org/self/2019/nov/24/header-footer-nicht-mehr-auf-jeder-gedruckten-seite/1760578#m1760578 https://forum.selfhtml.org/self/2019/nov/24/header-footer-nicht-mehr-auf-jeder-gedruckten-seite/1760578#m1760578 <p>Hallo Linuchs,</p> <blockquote> <p>nach langer Zeit wollte ich mal wieder ein HTML-Dokument drucken, das den <code>header</code> und <code>footer</code> tag enthält.</p> </blockquote> <p>Element.</p> <blockquote> <p>Zu meiner Überraschung wurden diese beiden nicht wie früher auf jeder Seite gedruckt, sondern nur je einmal am Anfang und Ende des Dokuments.</p> </blockquote> <p>Ja, das kann ich bestätigen.</p> <blockquote> <p>Welchen Sinn machen diese tags dann noch?</p> </blockquote> <p>Elemente. Und Sinn ergeben. </p> <p>HTML ist eben nicht vordergründig zum Ausdrucken gedacht. Insbesondere sind header- und footer-Element nicht mit Kopf- und Fußzeile eines Worddokuments gleichzusetzen.</p> <p>Das header-Element enthält den sichtbaren Kopfbereich (Singular!) einer Webseite (oder eines Teils einer Seite). Dabei soll es einleitende Inhalte gruppieren, etwa Firmenlogos, ein Motto, Links zum Impressum oder zur Kontaktseite.</p> <p>Dasselbe gilt für den (Seiten-)footer, der auch ganz schön umfangreich sein kann (<a href="https://www.usabilityblog.de/fat-footer-den-fussteil-der-seite-effektiv-nutzen/" rel="nofollow noopener noreferrer">https://www.usabilityblog.de/fat-footer-den-fussteil-der-seite-effektiv-nutzen/</a>).</p> <p>Wenn du das auf jede Seite druckst, hast du für den Inhalt keinen Platz mehr.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Du kannst das Projekt SELFHTML unterstützen,<br> indem du bei Amazon-Einkäufen <a href="https://smile.amazon.de/ch/314-570-45498" rel="nofollow noopener noreferrer">Amazon smile</a> (<a href="https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970%5D" rel="nofollow noopener noreferrer">Was ist das?</a>) nutzt. </div> header, footer nicht mehr auf jeder gedruckten Seite Sun, 24 Nov 19 09:32:32 Z https://forum.selfhtml.org/self/2019/nov/24/header-footer-nicht-mehr-auf-jeder-gedruckten-seite/1760579#m1760579 https://forum.selfhtml.org/self/2019/nov/24/header-footer-nicht-mehr-auf-jeder-gedruckten-seite/1760579#m1760579 <p>Hallo Linuchs,</p> <p>dein Ziel erreichst du mit</p> <pre><code class="block language-css"><span class="token atrule"><span class="token rule">@media</span> print</span> <span class="token punctuation">{</span> <span class="token selector">header</span> <span class="token punctuation">{</span> <span class="token property">position</span><span class="token punctuation">:</span> fixed<span class="token punctuation">;</span> <span class="token property">top</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">footer</span> <span class="token punctuation">{</span> <span class="token property">position</span><span class="token punctuation">:</span> fixed<span class="token punctuation">;</span> <span class="token property">bottom</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> </code></pre> <p>Allerdings dürften dann header und footer über dem Inhalt liegen, was auch nicht schön ist.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Du kannst das Projekt SELFHTML unterstützen,<br> indem du bei Amazon-Einkäufen <a href="https://smile.amazon.de/ch/314-570-45498" rel="nofollow noopener noreferrer">Amazon smile</a> (<a href="https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970%5D" rel="nofollow noopener noreferrer">Was ist das?</a>) nutzt. </div> header, footer nicht mehr auf jeder gedruckten Seite Sun, 24 Nov 19 10:13:14 Z https://forum.selfhtml.org/self/2019/nov/24/header-footer-nicht-mehr-auf-jeder-gedruckten-seite/1760582#m1760582 https://forum.selfhtml.org/self/2019/nov/24/header-footer-nicht-mehr-auf-jeder-gedruckten-seite/1760582#m1760582 <p>Hello,</p> <p>hast Du mal ausprobiert, ob stattdessen <code>@page</code> inzwischen funktioniert?</p> <p>Glück Auf<br> Tom vom Berg</p> <div class="signature">-- <br> Es gibt nichts Gutes, außer man tut es!<br> Das Leben selbst ist der Sinn. </div> header, footer nicht mehr auf jeder gedruckten Seite Sun, 24 Nov 19 10:04:12 Z https://forum.selfhtml.org/self/2019/nov/24/header-footer-nicht-mehr-auf-jeder-gedruckten-seite/1760581#m1760581 https://forum.selfhtml.org/self/2019/nov/24/header-footer-nicht-mehr-auf-jeder-gedruckten-seite/1760581#m1760581 <p>Hallo Matthias Apsel,</p> <blockquote> <p>Allerdings dürften dann header und footer über dem Inhalt liegen, was auch nicht schön ist.</p> </blockquote> <pre><code class="block language-css"><span class="token atrule"><span class="token rule">@media</span> print</span> <span class="token punctuation">{</span> <span class="token selector">header</span> <span class="token punctuation">{</span> <span class="token property">position</span><span class="token punctuation">:</span> fixed<span class="token punctuation">;</span> <span class="token property">top</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">footer</span> <span class="token punctuation">{</span> <span class="token property">position</span><span class="token punctuation">:</span> fixed<span class="token punctuation">;</span> <span class="token property">bottom</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">main</span> <span class="token punctuation">{</span> <span class="token property">margin</span><span class="token punctuation">:</span> <span class="token comment">/* */</span> <span class="token property">box-decoration-break</span><span class="token punctuation">:</span> clone<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> </code></pre> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Du kannst das Projekt SELFHTML unterstützen,<br> indem du bei Amazon-Einkäufen <a href="https://smile.amazon.de/ch/314-570-45498" rel="nofollow noopener noreferrer">Amazon smile</a> (<a href="https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970%5D" rel="nofollow noopener noreferrer">Was ist das?</a>) nutzt. </div> header, footer nicht mehr auf jeder gedruckten Seite Sun, 24 Nov 19 11:10:25 Z https://forum.selfhtml.org/self/2019/nov/24/header-footer-nicht-mehr-auf-jeder-gedruckten-seite/1760586#m1760586 https://forum.selfhtml.org/self/2019/nov/24/header-footer-nicht-mehr-auf-jeder-gedruckten-seite/1760586#m1760586 <p>Hallo TS,</p> <blockquote> <p>hast Du mal ausprobiert, ob stattdessen <code>@page</code> inzwischen funktioniert?</p> </blockquote> <p>So zumindest nicht:</p> <pre><code class="block bad language-css"><span class="token atrule"><span class="token rule">@page</span></span> <span class="token punctuation">{</span> <span class="token property">margin</span><span class="token punctuation">:</span> 10%<span class="token punctuation">;</span> <span class="token atrule"><span class="token rule">@top-center</span></span> <span class="token punctuation">{</span> <span class="token property">content</span><span class="token punctuation">:</span> <span class="token string">"header"</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token atrule"><span class="token rule">@bottom-center</span></span> <span class="token punctuation">{</span> <span class="token property">content</span><span class="token punctuation">:</span> <span class="token string">"footer"</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> </code></pre> <p>Kommt mehrfach in <a href="https://www.w3.org/TR/css-page-3/" rel="nofollow noopener noreferrer">https://www.w3.org/TR/css-page-3/</a> vor.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Du kannst das Projekt SELFHTML unterstützen,<br> indem du bei Amazon-Einkäufen <a href="https://smile.amazon.de/ch/314-570-45498" rel="nofollow noopener noreferrer">Amazon smile</a> (<a href="https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970%5D" rel="nofollow noopener noreferrer">Was ist das?</a>) nutzt. </div> header, footer nicht mehr auf jeder gedruckten Seite Sun, 24 Nov 19 13:03:25 Z https://forum.selfhtml.org/self/2019/nov/24/header-footer-nicht-mehr-auf-jeder-gedruckten-seite/1760587#m1760587 https://forum.selfhtml.org/self/2019/nov/24/header-footer-nicht-mehr-auf-jeder-gedruckten-seite/1760587#m1760587 <p>Hello,</p> <blockquote> <blockquote> <p>hast Du mal ausprobiert, ob stattdessen <code>@page</code> inzwischen funktioniert?</p> </blockquote> <p>So zumindest nicht:</p> <pre><code class="block bad language-css"><span class="token atrule"><span class="token rule">@page</span></span> <span class="token punctuation">{</span> <span class="token property">margin</span><span class="token punctuation">:</span> 10%<span class="token punctuation">;</span> <span class="token atrule"><span class="token rule">@top-center</span></span> <span class="token punctuation">{</span> <span class="token property">content</span><span class="token punctuation">:</span> <span class="token string">"header"</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token atrule"><span class="token rule">@bottom-center</span></span> <span class="token punctuation">{</span> <span class="token property">content</span><span class="token punctuation">:</span> <span class="token string">"footer"</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token punctuation">}</span> </code></pre> <p>Kommt mehrfach in <a href="https://www.w3.org/TR/css-page-3/" rel="nofollow noopener noreferrer">https://www.w3.org/TR/css-page-3/</a> vor.</p> </blockquote> <p>Soweit ich die Beschreibung verstehe, sollte es aber die richtige Abteilung sein, oder? Es sollte <em>eigentlich</em> funktionieren?</p> <p>Glück Auf<br> Tom vom Berg</p> <div class="signature">-- <br> Es gibt nichts Gutes, außer man tut es!<br> Das Leben selbst ist der Sinn. </div> header, footer nicht mehr auf jeder gedruckten Seite Sun, 24 Nov 19 13:06:30 Z https://forum.selfhtml.org/self/2019/nov/24/header-footer-nicht-mehr-auf-jeder-gedruckten-seite/1760588#m1760588 https://forum.selfhtml.org/self/2019/nov/24/header-footer-nicht-mehr-auf-jeder-gedruckten-seite/1760588#m1760588 <p>Hallo TS,</p> <blockquote> <p>Soweit ich die Beschreibung verstehe, sollte es aber die richtige Abteilung sein, oder? Es sollte <em>eigentlich</em> funktionieren?</p> </blockquote> <p>Eigentlich gibts eigentlich gar nicht. Aber ich verstehe das auch so.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Du kannst das Projekt SELFHTML unterstützen,<br> indem du bei Amazon-Einkäufen <a href="https://smile.amazon.de/ch/314-570-45498" rel="nofollow noopener noreferrer">Amazon smile</a> (<a href="https://www.amazon.de/gp/help/customer/display.html?ie=UTF8&nodeId=202035970%5D" rel="nofollow noopener noreferrer">Was ist das?</a>) nutzt. </div>