185058 - Wrong scaling of css background images when printing page

Status: RESOLVED DUPLICATE of bug 161179

(Core :: Printing: Output, defect)

Description

[Bryan Roseberry]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.2.1) Gecko/20021130
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.2.1) Gecko/20021130

The multicolor background bars properly display in the browser window and the
Print Preview. But when the page is actually printed, the background image
shrinks  in size and top-aligns in the table, leaving whitespace below them.

Also, the bottom rounded corner images disappear completely (these may be 2
completely unrelated bugs).

Reproducible: Always

Steps to Reproduce:
1. Go to URL.
2. Print Preview.
3. Print a hard copy of the page to view bug.

Actual Results:  
The printed copy has the errors described above - improper scaling on the
background images.

Expected Results:  
The background images should scale the same in the printed copy as they do in
the onscreen version.

Comment 1

[Henrik Skupin [:whimboo][⌚️UTC+2]]

I havn't found another bug which covers this problem. So I will work on here. If
it's really a dupe then set it. Otherwise we will continue the discussion here.

I can't believe that this bug is unconfirmed such a long time. I noticed the
same problem today and it's really anoying. I'll attach an example.

Comment 2

[Henrik Skupin [:whimboo][⌚️UTC+2]]

Attachment: background image for example

Comment 3

[Henrik Skupin [:whimboo][⌚️UTC+2]]

Attachment: testcase which shows the wrong printing of css images

Comment 4

[Henrik Skupin [:whimboo][⌚️UTC+2]]

This bug should be fixed for Aviary1.0. Asking for blocker.

Comment 5

[matt.johnson]

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.3) Gecko/20040830
Firefox/0.9.1+

The testcase still scales the background image really small.

Comment 6

[Javier Rosa]

I'm not sure if this is the same bug but when I print the completed order page,
acknowledging my donation to the _Firefox New York Times ad_. The green
checkmark image scales incorrectly when printed. It displays correctly when I
print preview it. I have tried 3 different printers, one being a b/w laser
printer, hp deskjet 712c, and using the Windows XP HP Color LaserJet PS printer
driver to print a postscript document so I can open it in GSView (uses
ghostcript to view postscript files). 

I am using Windows XP Home Edition
Mozilla/5.0 (Windows; U; Windows NT 5.1; rv:1.7.3) Gecko/20040913 Firefox/0.10.1

Comment 7

[Thomas Despoix]

It actually looks like the background images referenced in stylesheets are down
scaled by a 1/8 ratio.

Just a word add to this bug: it looks really important to me to fix this kind of
printin bugs (another good example is bug 141656 dealing with ransparent image
pixels) to fully cover CSS media destinations. It's actually what makes web
technologies so verstaile, turning web browsers into word producing
applications, coupled for instance with Javascript text editing components like
TinyMCE and HTMLArea.

It's just time to produce knowledge without proprietary word processors!

Comment 8

[Kozanator]

Attachment: Background-image doesn't scale correctly when printing

perhaps this will help you out a little more when trying to fix Firefox

Comment 9

[Kozanator]

Comment on attachment 176040 [details]
Background-image doesn't scale correctly when printing

Use this link instead of the one above:

http://www.sjcg.net/temp_delete/test.htm

Comment 10

[Joerg Tremmel]

Attachment: Backgrounds printed at different resolutions

Original image: 256x256px, printed at different resolutions using Adobe PDF
Converter, then re-imported with 96dpi.
Top: Image as normal img
Bottom: div, 256x256px, image as background, no-repeat

I think the background image might not get rescaled to compensate for the
higher printer resolution. Setting a different display resolution did not
change the result, though.

Comment 11

[:Gavin Sharp [email: [e-mail]]]

*** This bug has been marked as a duplicate of 161179 ***