{"id":10,"date":"2006-10-26T13:26:54","date_gmt":"2006-10-26T11:26:54","guid":{"rendered":"http:\/\/blog.ansuz.nl\/index.php\/2006\/10\/26\/cross-browser-printing\/"},"modified":"2006-10-26T17:27:07","modified_gmt":"2006-10-26T15:27:07","slug":"cross-browser-printing","status":"publish","type":"post","link":"http:\/\/blog.ansuz.nl\/index.php\/2006\/10\/26\/cross-browser-printing\/","title":{"rendered":"Cross Browser HTML Printing"},"content":{"rendered":"

There’s a big difference between making a website look good on screen and for print. With a screen you can be save in using pixels for your fonts and more absolute measures. In print this is not done. First there are different paper-size, a4, letter, a3, etc… Than every printer has it’s own margins too. Next to that a printer most of times works in 300 dpi (dots per inch)<\/a> while a screen is only 72 dpi.
\nSo when ur marking a page up for print be sure not to use any absolute measures like pixels, but only to use relative ones like em, %, pt, etc…<\/p>\n

Another screw up for print is using floats, they display different with every browser. As I just now discovered. FF (FireFox)<\/a> displayed a div through another div, while IE displayed them below each other, as intended. I guess that’s what you get for using inline styles.
\nIf you’re like me are using 2 stylesheets, one for screen, one for print. You have to take care not to overlook any !important<\/code> statements in your CSS for screen. This can majorly screw up your print size. I had a width: 1003px !important<\/code> defined, while FF printed the page just fine, IE(6) would let the page overflow and not print what ran off the page.<\/p>\n

A nice article about printing HTML can be found here: http:\/\/alistapart.com\/articles\/boom<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

There’s a big difference between making a website look good on screen and for print. With a screen you can be save in using pixels for your fonts and more absolute measures. In print this is not done. First there … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-10","post","type-post","status-publish","format-standard","hentry","category-html"],"_links":{"self":[{"href":"http:\/\/blog.ansuz.nl\/index.php\/wp-json\/wp\/v2\/posts\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/blog.ansuz.nl\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.ansuz.nl\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.ansuz.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.ansuz.nl\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":0,"href":"http:\/\/blog.ansuz.nl\/index.php\/wp-json\/wp\/v2\/posts\/10\/revisions"}],"wp:attachment":[{"href":"http:\/\/blog.ansuz.nl\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.ansuz.nl\/index.php\/wp-json\/wp\/v2\/categories?post=10"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.ansuz.nl\/index.php\/wp-json\/wp\/v2\/tags?post=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}