CSS Print - Content and Footer overlap |
CSS Print - Content and Footer overlap |
CharlesEF |
Mar 21 2018, 04:05 PM
Post
#1
|
Programming Fanatic Group: Members Posts: 1,981 Joined: 27-April 13 From: Edinburg, Texas Member No.: 19,088 |
Hi All,
I have made a sample page for another post I made on MSDN. Seems IE and Edge will only print 1 page when they should print 2 pages. The sample page has the footer hidden. What I have tried to do is move the bottom of the content up the page so I can show the footer. The header section is red, the menu section is yellow, the content section has no background color (white) and the footer section is blue. When you print preview you might not see the colors, unless you have background colors enabled. The best solution would be to make the footer print at the very end (in other words print footer on page 2) but my research suggests that can't be done. Even the CSS @page footer will not work in my case. The sample page is here. If anyone has an idea of the IE and Edge printing problem please post here also. Also, if anyone with different browsers can test the page to make sure they see 2 pages that would be great. Please report any browsers that don't show 2 pages. Thanks for any and all help, Charles |
CharlesEF |
Mar 22 2018, 05:08 PM
Post
#2
|
Programming Fanatic Group: Members Posts: 1,981 Joined: 27-April 13 From: Edinburg, Texas Member No.: 19,088 |
What I did was change the position of the #header, #menu and #content to static. By doing it that way I did not need to set the top margin in the #content at all. This fixed the multiple page printing problem in IE and Edge. But, now all my single page forms print with a blank 2nd page.
|
pandy |
Mar 23 2018, 04:01 AM
Post
#3
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
I don't understand. Then how did it fix the problem?
|
Lo-Fi Version | Time is now: 24th April 2024 - 05:20 PM |