Member Avatar for garylee

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

  • 3 Contributors
  • 2 Replies
  • 86 Views
  • 17 Hours Discussion Span
  • Latest Post Latest Post by Rhyan
Member Avatar for tgreer

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 for Rhyan

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.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.