How Do I Modify Print Window Size In Html Or Css?

Question

0.00/5 (No votes)

See more:

I need to print a html page.
The page contains data which have a size of width:7cm heght:15cm
By default my html window page size is width:613px height:787px..
i used css media queries

CSS

@page :left {
  margin-left: 7cm;
  margin-right: 15cm;
}

@page :right {
  margin-left: 7cm;
  margin-right: 15cm;
}

but i cant get correct.
Reply me :)

Posted 3-Mar-14 7:21am

sivamzcet

Add a Solution

Comments

[no name] 3-Mar-14 13:46pm

I am not clear about your exact question. you cant get correct what? the print size or the html window size. Please provide your print method also.
thanks!

sivamzcet 5-Mar-14 0:36am

i used window.print() in javascript.. i cant get correct window size to print a 5x7 cm page size

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sergey Alexandrovich Kryukov · Accepted Answer · 2014-03-03T08:41:00

Solution 1

You use paging media rules under @page, but not @media rules, which are designed specially for such purposes. Please see:
http://www.w3.org/TR/CSS21/media.html[^],
http://www.w3.org/TR/CSS21/page.html[^].

This is the way to specify separate style set for printing.

—SA

Posted 3-Mar-14 8:41am

Sergey Alexandrovich Kryukov

Comments

Maciej Los 3-Mar-14 14:51pm

5ed!

Sergey Alexandrovich Kryukov 3-Mar-14 15:00pm

Thank you, Maciej.
—SA

sivamzcet 5-Mar-14 2:12am

hyy my printable paper size is width:5cm & height:5cm.. but my window size is 1280x800..
i need this for an online billing software

Sergey Alexandrovich Kryukov 5-Mar-14 8:23am

And could you explain why this is "but"? :-)
—SA