Solved

How do i print in landscape

Posted on 2004-09-13
2
213 Views
Last Modified: 2011-10-03
How can i print web pages in landscape using css?
0
Comment
Question by:Peter1985
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 12

Accepted Solution

by:
ill earned 50 total points
ID: 12042965
you can't change it in css. client has to set it in browser. there is some acticveX? component, that allows printing landscape for IE only, but i can't find link now
0
 
LVL 19

Expert Comment

by:peh803
ID: 12043945
This is a snippet from the following location:

http://home.tampabay.rr.com/bmerkey/examples/landscape-test.html

--------------------------------
This handy trick works in IE5.5/Win and newer. It assumes that the default printer orientation is portrait. Look at this page with your browser Print Preview to see the code in action.

Use the writing-mode property (submitted to W3C). A value meant for East Asian typography, tb-rl, causes IE to write text from top to bottom and right to left. Surround the content you want in landscape with a DIV with a class defined in a print stylesheet. For instance:

<style type="text/css" media="print">
div.page      {
writing-mode: tb-rl;
height: 80%;
margin: 10% 0%;
}
</style>
--------------------------------

Hope this helps,
peh803
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
CSS: Making Pure CSS read more boxes thinner 5 46
Help in good tutorials for PHP, HTML and CSS 6 53
removing a class in javascript 4 74
html5 1 18
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

726 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question