Поля страницы для печати в CSS

Question

Я много искал, прежде чем спрашивать здесь, но не нашел ответа на свой вопрос.

Я хочу вставить верхнее и нижнее поле для страницы моего веб-сайта при печати, поэтому я использовал обычный margin-top и margin-bottom для напечатанного div, но это касается только первого листа!поэтому я использовал это, как описано в W3C Спецификация CSS2.1:

@page {
    margin-top: 5cm;
    margin-bottom: 5cm;
}

, но не влияло на предварительный просмотр Firefox или печать в PDF.так как я могу вставить верхнее и нижнее поле (для каждого печатного листа) с помощью CSS?или есть какой-то трюк, чтобы сделать это в Firefox?

Answer 1

Оба

 @page {
    margin-top: 5cm;
    margin-bottom: 5cm;
 }

и

@media print {
     body {margin-top: 50mm; margin-bottom: 50mm; 
           margin-left: 0mm; margin-right: 0mm}
}

отлично работает в Firefox 35

Answer 2

Это должно работать даже в Firefox

 @media print {
     #main{margin:100px 0;}
 }

"@media print" будет гарантировать, что стиль используется только при печати. ​​