Print layout is different on Safari

  • Hi,

    Firstly, thanks for the fantastic plugin!

    As you can see, on Safari, the div’s contents do not display inside the selected div to be printed / the container div.

    I’ve tried to debug this, but to be honest, I’m struggling to see how to do so effectively. I don’t have any specific @print CSS.

    I am more than happy to share a URL; however, I’d need to send the credentials privately (the element to be printed requires an account).

    On two separate notes:

    • Do you know why, when printing, two pages are shown in the preview – one with the membership card and a blank page? I’m not sure how to remove the blank page.
    • Is there any way to ‘enable backgrounds’ by default in print preview? I use a CSS background image for the membership card.

      • .

      Please let me know if there’s anything else I can provide that will help.

      Thanks in advance

    • This topic was modified 2 years, 1 month ago by elaraweb.
    • This topic was modified 2 years, 1 month ago by elaraweb. Reason: Fixed image links
    • This topic was modified 2 years, 1 month ago by elaraweb.
    • This topic was modified 2 years, 1 month ago by elaraweb.
Viewing 1 replies (of 1 total)
  • Plugin Contributor twinpictures

    (@twinpictures)

    Hello! Let’s see if we can address these issues one by one:

    Print layout is different on Safari

    Our plugin would not be causing this issue. It sounds like there is some malformed CSS that causing the issue on Safari. Test to see if just printing the website directly from the browser (File > Print or Ctrl-P) exhibits the same behaviour.

    Do you know why, when printing, two pages are shown in the preview – one with the membership card and a blank page? I’m not sure how to remove the blank page.

    Without seeing the code, only guesses can be made. The first thing that could be tried is to define a specific print page size and orientation. Second, verify that the CSS bot both the print target–and all elements contained within–do not have a fixed height defined.

    Is there any way to ‘enable backgrounds’ by default in print preview? I use a CSS background image for the membership card.

    There is no way programmatically to force the user’s browser to have backgrounds enabled by default. This is a user setting, and only the user can change this.

    Hope this helped to get things pointed in the right direction.

Viewing 1 replies (of 1 total)
  • The topic ‘Print layout is different on Safari’ is closed to new replies.