div background when printing

[MattNeeley]

This seems to be a firefox only problem. The background image appears fine when viewed normally in firefox, but, when I print it the image shrinks to a very small size. Any ideas?
div.month4_logo
{
width: 400px;
height: 50px;
background-image: url(logo.jpg);
background-position: center center;
background-repeat: no-repeat;
}

 

[BabyJeffy]

I would guess that you are printing at 300dpi or something. Your screen is (probably) 72dpi or something. So when you view a 400px wide image on the 72dpi screen it shows as 400px/72dpi = 5.56 inches wide. When you print the same image out at 300dpi, it prints as 400px/300dpi = 1.33 inches wide.

The difference is to do with the output resolution you are viewing.

Having said all that, I've never experienced anything like this specifically in Firefox before. Do you have a print style sheet that is affecting the logo printout?

Could you include a URL and we can take a look for ourselves.

Cheers,
Jeff

[tt]Jeff's Page [/tt][tt]@[/tt][tt] Code Couch

http://www.codecouch.com/jeff/

[/tt]

 

[MattNeeley]

URL is unavailable at the moment for reasons I cannot go into. I might dive into tearing out some of the code a little later if my next idea doesn't work. Firefox appears to be affected but not IE. I've no idea why unless IE is correcting it automatically. Thanks for pointing me in a possible direction though and I'll reply back when I have more info.