Closed Aelghani closed 3 hours ago
Hello. You didn't include your CSS so it's hard to fully understand your styles. Instead of posting this code, could you please make a Codesandbox or similar that has it working, that way it's much simpler to debug?
Hello. You didn't include your CSS so it's hard to fully understand your styles. Instead of posting this code, could you please make a Codesandbox or similar that has it working, that way it's much simpler to debug?
I am using tailwindCSS for styling, and this the is the codesandbox url
Apologies for the very delayed response here. I've tried playing with the styles and can't seem to make it work unfortunately, there's a lot going on and I am not very familiar with Tailwind. If you haven't already, asking on StackOverflow is likely to get you many more answers from folks who know Tailwind very well
When printing a document using the provided Page component, some content of the page get displayed under the footer in the printed output. This causes the content to overlap with the footer, making it difficult to read and unprofessional.
Expected Behavior: The footer should remain at the bottom of the page without overlapping with any content. The content, should be positioned above the footer, with adequate space to prevent any overlap.
Screenshots: Image 1: Screenshot showing the overlap issue.![Screenshot 2024-07-17 124107](https://github.com/user-attachments/assets/c398df5f-48ce-42a4-8ca6-b60607bf061e)
Image 2: Screenshot showing the expected position of the footer and content.![Screenshot 2024-07-17 123812](https://github.com/user-attachments/assets/32401724-c2d7-481c-bb8f-78c77cc16e57)
i want to display the footer on each page of printing but i can work with showing him in the last page
Code: