Is there a way to make my html page print horizontally by default?

Question

I hit print by accident earlier and realised my page looked awful printed vertically when it came out of the printer. Is there a property I can set in the code to make it print horizontally by default?

Answer 1

In the CSS you can do:

@page {
  size: landscape
}

But I'm not sure about browser support.

You could always make the design more fluid ;-)

Answer 2

Use landscape for the page size and media="print":

<style type="text/css" >
@page
{
    size: landscape;
    margin: 2cm;
}
</style>

Doesn't work with IE6 but should work with IE7 and better or any other browser.

See this article.

Answer 3

This question has already been asked (and answered) here:

http://stackoverflow.com/questions/239232/can-i-change-page-layout-when-using-window-print