Confidential

Print Watermarks with CSS

Update: so, after doing some more testing, it turns out that if you use tables for layout in IE6, the watermark div won't interpret it's height appropriately.

To work around this, you need to apply a large height to any and all layout tables (and TDs) before the watermark div.

Test this page with tables.

Try printing this page (or using print preview) to see the CSS-based printable watermark - use the links below to position the watermark. View source to see the code.

Fully supports the following browsers:

Degrades gracefully in the following browsers:

Fully supports the following browsers:

Degrades gracefully in the following browsers:

Fully supports the following browsers:

Degrades gracefully in the following browsers:

Fully supports the following browsers:

Degrades gracefully in the following browsers:

Fully supports the following browsers:

Degrades gracefully in the following browsers:

Fully supports the following browsers:

Degrades gracefully in the following browsers:

Fully supports the following browsers:

Degrades gracefully in the following browsers: