I found a great posting on “A List Apart” on how to use CSS print resolution images for print versions of websites.

Here’s a small taste:

“While we can create images for use on screen, we can also create larger images and force their size down (and their dpi up) for use by printers. We can make hi-res logos and headings, 300dpi photos, and even images specifically needed for printed pages?and serve up these print-specific images using print-media CSS.”

“We put both the screen version and print version on the page and set the size of the print version to be the same as the screen version. Then CSS allows us to hide the print version of the image when displaying the page on a screen and then use it to replace the screen version when the page is printed.”

For all of you who have struggled long and hard to find a (valid) CSS method to vertically center an element in your browser window like you could so easily do in the old days with a giant <TABLE>, Yuhu has come up with a very clever (and compliant) way of achieving this effect. Best of all, the CSS is dead simple and works in just about every major browser on Mac and PC.

Yuhu’s technique can be seen here