Uso el siguiente código para agregar un contenido dinámico para imprimir el contenido en un papel A4 en html.

 $('#result_body').append( '<div id=result_signature'+count+' class="footer" style="position: fixed;bottom:20px; right:20px">'+ '<p>'+data[count].signature+'</p>'+ '<br>'+ '</div>' ) $('#result_body').append( '<div class="pagebreak"> </div>')

Mi problema es que cuando ejecuto esto, si hay dos firmas diferentes, imprime ambas firmas en todas las páginas y si solo hay una firma, imprime solo una (que es correcta) en todas las páginas. Pero si configuro la posición en relativa, imprime las firmas correctamente, pero no al final de la página. Usé la posición fija porque necesito imprimir las firmas en la parte inferior de cada página, independientemente de que el contenido se extienda a varias páginas.

¿Hay alguna forma de agregar las firmas en la parte inferior de las páginas de impresión que no sea usar la posición fija?

(Ambas firmas se ven iguales para fines de demostración)

Cuando la posición es relativa

Cuando la posición es fija

Todo lo que quiero es la firma de ambos en la parte inferior correctamente.