@page margin disables custom user settings in browser

[dieisraels]

The following css changes the margin at printing:

@page {
    margin: 0.5cm;
}

The problem is, that user customization at the browser print settings (tested on current Chrome and Firefox) are ignored. If the printer needs more than 0.5cm border on the page, the user can't change it and the content is cutted.
In my opinion not optimal as the default.

[alilleybrinker]

Do you have an example test to verify?

[alrra]

Do you have an example test to verify?

ping @dieisraels

[dieisraels]

Temporarily reactivated:
http://www.erf.de/online/themen/glaube-im-alltag/blind-klavier-spielen/2803-542-4512

I can't customize the border at print setup on current Firefox.

By the way: Why h5bp uses the default value of 0.5cm? Most printers require a larger margin. Especially below.

[alrra]

@dieisraels thanks for the test page. :)

Why h5bp uses the default value of 0.5cm?

As the commit that first introduced it doesn't offer any details, I presume the value is (was) the most common default among browsers.

---

e.g.:

• I can't customize the border at print setup on current Firefox.

  

  • I can reproduce this on Mac OS X 10.9 using both Firefox and Chrome, while for Safari, the default is kinda the same as using margin: 0.5cm.

    Browser	without @page{margin: 0.5cm;}	without @page{margin: 0.5cm;} + Border: “Double Hairline”	with @page{margin: 0.5cm;} + Border: “Double Hairline”
    Chrome
    Firefox
    Safari

    (on Windows, IE doesn't seem to have this problem)

  • I can confirm this issue isn't related to http://www.erf.de/online/themen/glaube-im-alltag/blind-klavier-spielen/2803-542-4512, and in fact it is because of using margin: 0.5cm.

---

Observations:

• every browser I've tested for, provided a default non-zero value for the margins (even when *{margin:0;padding:0;} is used).

• print previews ≠ reality, e.g. in Safari:

  preview	on paper

---

In my opinion not optimal as the default.

I agree, and I personally think we should remove @page { margin: 0.5cm; } and let browser handle this themselves.

See also:

• http://www.w3.org/TR/css3-page/#at-page-rule
• https://developer.mozilla.org/en-US/docs/Web/CSS/@page

[drublic]

+1 on removing it. We should let the browser figure out whatever is best.
I ran into a few issues with @page and margins in different browsers. It's hard to anticipate which printer has which margins. Also if you think about the headlines that each browser prints (URL, date aso) we cannot assure that we don't collide with these if we set something as low as 0.5cm.

[drublic]

👍

[sarukuku]

+1