Browser printing (IE FireFox)

Question

0.00/5 (No votes)

See more:

Hi,

My requirement is to print a page as it looks on the screen.

On my page has a DIV with vertical scroll. I scroll it to a portion which I want to see in a print along with other content on the page.

I use browser printing and invoke the print preview from the file menu. But sadly my div scroll is back up to top and it is not where my scroll was on the original page.

Is this a bug in IE or is there any work around for this?

Thanks,

Vj

Posted 27-Sep-11 2:10am

vjvjvjvj

Add a Solution

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)

Ed Nutting · Answer 1 · 2011-09-27T07:02:00

Have a look into CSS Media Types - W3Schools Media Types - use CSS specifically for a print layout of your site. This allows you to customise the printout of your site without changing the look of the site in the browser. In your case you will have to change your CSS until you get it to print out as it looks on the screen. Remember, if you have a fluid (dynamic) layout (which you should and if you don't I highly recommend you change now! It's very annoying not having sites fill my whole screen!), if you have a fluid layout, then on large screens more text will be shown than on 800x600 screens but your printout will (almost always) be on A4 paper - in other words for different users the printout and screen versions will not look exactly the same. This is not a problem, just make sure your CSS makes it easy to print on A4 paper, regardless of scren size. Your Print Media CSS should use fixed widths to achieve this.
Hope this helps,

Ed :)