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

Posted by Austin Klenk
Austin Klenk
4,399 Points

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

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

Try using

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

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

Austin Klenk
Austin Klenk
4,399 Points
Austin Klenk
Austin Klenk
4,399 Points

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

@page {
        size: landscape
    }
James Barnett
James Barnett
39,199 Points

Yep, that's why I changed the answer

James Barnett
James Barnett
39,199 Points

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

Austin Klenk
Austin Klenk
4,399 Points
Austin Klenk
Austin Klenk
4,399 Points

just put it in the ?

@media print {

}
James Barnett
James Barnett
39,199 Points

That sounds like a good plan, test it out

Austin Klenk
Austin Klenk
4,399 Points

didn't work.

Austin Klenk
Austin Klenk
4,399 Points
Austin Klenk
Austin Klenk
4,399 Points

nope it did not work :(