Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Print Landscape Orientation

I am working on a web work order form were i can fill out online and print off, instead of using excel.. but i need to preset the print.css to set it to print landscape. any ideas?

4 Answers

Try using

-webkit-transform: rotate(-90deg);
-moz-transform:rotate(-90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

source: http://stackoverflow.com/a/16596262/1756132

that previous one u sent worked for google chrome, but not for safari or firefox

@page {
        size: landscape
    }

Yep, that's why I changed the answer

There's currently a bug open with Mozilla about lack of support for this in Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=851441

just put it in the ?

@media print {

}

That sounds like a good plan, test it out

didn't work.

nope it did not work :(