ansaurus

Question

Answer 1

+2 A:

I know this probably isn't the answer you are really looking for, but if you are intending on the users printing the image, I would consider putting it into a PDF. That way it will always print the same, everytime for everyone.

Ryan Guill 2009-01-13 20:51:51

Answer 2

+4 A:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Blank XHTML 1 Transitional Page</title>
<style>
@media print {
    html { height: 100%; }
    img { height: 100%; }
}
</style>
</head>
<body>
    <img src="bigimage.jpg" />
</body>
</html>

EDIT: Sorry, didn't initially realize your image was too TALL rather than too WIDE. To reduce the image height whilst maintaining aspect ratio, use CSS to set both HTML and IMG to have a height of 100% - see modified example.

Dylan Beattie 2009-01-13 20:55:48

unfortunately i still get the same problem.your solution made my picture fill the whole page of paper but still cut off halfway......naturally the image should be printed on multiple pieces of paper due to it's large size.

dezwald 2009-01-13 21:20:21

Answer 3

A:

thanks Dylan Beattie...your solution worked!

i was losing hair here for a second.

dezwald 2009-01-13 21:56:56

Answer 4

A:

Try wrapping the image in a div, in the div css apply the following:

image_wrapper {*height:1%; position:relative}

The star/* selector should limit to IE, this is a variant of the holly hack.

2009-09-16 20:11:52

ansaurus

tags:

views:

answers:

IE7 doesn't print full image?

image_wrapper {*height:1%; position:relative}

related questions