1,105,229 Community Members

Printing Page in Landscape Orientation

Member Avatar
garylee
Newbie Poster
1 post since Nov 2006
Reputation Points: 0 [?]
Q&As Helped to Solve: 0 [?]
Skill Endorsements: 0 [?]
 
0
 

Hi CSS Gurus,

I need your help urgently as my company needs a printed out report in Landscape Orientation instead of Portrait. I have successfully converted all the BODY Text into landscape by using the below css code:

<STYLE type=text/css media=print>
 
.page {WRITING-MODE: tb-rl; HEIGHT: 80%}
 
</style>

Unfortunately, I failed to convert the <object> #*$!x </object> into Landscape. Could someone please help me to solve the <object> tag from Portrait mode to Landscape?

You can view my souce code at:
http://www.garylee.org/print/aboutus.html

Or you can download the zip file at:
http://www.garylee.org/print/landscape.zip

Look at my website with your IE browser in "Print Preview" to get my point.

Thank you so much,
GaRy

Member Avatar
tgreer
Made Her Cry
1,885 posts since Dec 2004
Reputation Points: 189 [?]
Q&As Helped to Solve: 45 [?]
Skill Endorsements: 2 [?]
Team Colleague
 
0
 

The CSS for print media is not well supported. Personally, I think that's fine. If I want to print landscape, I will. In any case, I don't think there is a solution at this point in time. Have you read through the other threads on this topic in this forum?

Member Avatar
Rhyan
Posting Whiz in Training
240 posts since Oct 2006
Reputation Points: 5 [?]
Q&As Helped to Solve: 26 [?]
Skill Endorsements: 0 [?]
 
0
 

Hi there,

CSS2 supports page orientation, although it is not officially approved by the W3C. Here is the spec http://w3schools.com/css/css_ref_print.asp

There is a css property called 'size'. I have downloaded your zipfile and tried it.
made it something like this :

body { size: landscape;}

It worked for Firefox, however IE6 and Opera9 - no chance...again.:(

For the time being, obvioursly there is no standard solution. Sorry.

You
This article has been dead for over three months: Start a new discussion instead
Post:
Start New Discussion
Tags Related to this Article