<p>i think that can made a better result. I doesn't know about other people, but I'm make my maps only in horizontal format. what is with editing it to:?</p>

<div class="highlight"><pre><span class="k">@media</span> <span class="nt">print</span><span class="p">{</span><span class="k">@page</span> <span class="p">{</span><span class="nt">size</span><span class="o">:</span> <span class="nt">auto</span><span class="p">}}</span>
</pre></div>

<p>Can this work?, or can you define different css-markups for vertical and horizontal format? I know that this doesn't solve the problem completely. Nobody know how much of the right and or bottom edge would be cut down before going in print-preview, but it can produce better results as without editing the css.</p>

<p>I have made a picture to show, how much of the map would be cutted down by printing (horizontal size)<br><a href="https://github-camo.global.ssl.fastly.net/4fd218d548155c0d95a87aca4cca183193c4b231/687474703a2f2f7777772e6f653574706f2e636f6d2f696d616765732f64697665727365732f6f736d5f7072696e745f73697a652e706e67" target="_blank"><img src="https://github-camo.global.ssl.fastly.net/4fd218d548155c0d95a87aca4cca183193c4b231/687474703a2f2f7777772e6f653574706f2e636f6d2f696d616765732f64697665727365732f6f736d5f7072696e745f73697a652e706e67" alt="Print vs Screen-Size" style="max-width:100%;"></a></p>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br>Reply to this email directly or <a href='https://github.com/openstreetmap/openstreetmap-website/issues/430#issuecomment-22393988'>view it on GitHub</a>.<img src='https://github.com/notifications/beacon/uTRSc6ihLa7Shf84BpiOpsHIuBSPDiCkA2s9PyR3VoIrsA1yQAg60-26X3Crui4P.gif' height='1' width='1'></p>