Question

When I load my page I set the margin of the container div with Javascript to avoid that the page ‘jumps’ when the scrollbar shows. Hence, the default value is auto – but the actual value is defined with JS

However, when I then want to print the page, I would like the margins to be set back to auto (or some chosen value)

I have tried with:

@media print { .container { margin: 0px; }}
@page { .container { margin: 0mm 0mm 0mm 0mm; }}

And with an independent style sheet for media=”print” with:

.container { margin: 0px; }

Answer 1

So you wish to override the inline style set by JavaScript?

Try this inside of your media="print" stylesheet:

.container { 
    margin: 0px !important; 
}

Inline styles take precedence over stylesheets unless you specify the !important rule.