Hey Dave,
Printing from web browsers can be problematic at times - and the way your site is creating the "printable page" is actually not the most suitable way of going about things to produce a workable result.
The problem you are seeing is due to known issues with a number of different web browsers - the first being that most by default disable the printing of background images ... and in the case of Chrome don't actually give user the option to even turn the capability on.
In the case of most other web browsers - the user needs to manually open their print settings and turn on the Print background images and color setting. In the case of Chrome there is currently no way to force such images to be printed - or background colors even - for that matter (apparently chrome users are not supposed to need printers - got to love google - im sure they would suggest using a tablet or andriod phone as a much better option)
As such its going nothing to do with CSS or Javascript - but instead all to do with how Web Browsers work and how the HTML on your pages are laid out.
So what are the options to ensure that the finished coupon is always printed as you want.
- Include an explanation for users that tells them how to turn on print background images and colors.
there are different step for each web browser - and tell them you DONT support CHROME.
- write code to generate a image at runtime for each coupon - this is a single full image that includes the all the text, logos and background.
- write code to generate a pdf at runtime for your entire printable page
In the past we have gone down the second and third paths
- both work well but the second option is the quickest and easiest to implement since the function to do it are already built into asp.net
There is a very good link on techrepublic that goes thru the steps - u do have to register to access it though - but its free.
http://www.techrepublic.com/downloads...
Westa