Piè di pagina in basso durante la stampa - javascript, jquery, html, css, html5

Sto cercando di stampare il contenuto sulla mia pagina HTML

il formato è

<div class="header">Title of the page</div>

<div class="main">Content of the page</div>

<div class="footer">Footer of the page</div>

<div class="page-break"></div>

<div class="header">Title of the page</div>

<div class="main">Content of the page</div>

<div class="footer">Footer of the page</div>

<div class="page-break"></div>

<div class="header">Title of the page</div>

<div class="main">Content of the page</div>

<div class="footer">Footer of the page</div>

<div class="page-break"></div>

quindi ci sono tre pagine, le pagine vengono aggiunte in modo dinamico e questo CSS mi aiuta a interrompere la pagina durante la stampa

.page.break{
page-break-after:always
}

Il problema è che il piè di pagina viene dopo il div principale, voglio che sia sempre in fondo alla pagina.

Qualsiasi aiuto?

risposte:

Aggiungi questo CSS al tuo div footer, dovrebbe risolvere il tuo problema

style="clear: both;"

La tua soluzione potrebbe essere qualcosa di simile come in questo thread?

Piè di pagina non allineato nella parte inferiore del contenuto nell'anteprima di stampa