| | |
O/T. HTML printing problem..........
Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
•
•
Join Date: Mar 2005
Posts: 32
Reputation:
Solved Threads: 0
I have uploaded an HTML document to my WEB site. It looks fine on screen. However if I print it out (via explorer) the font size increases vastly and it looks a mess. I suspect this is a well known problem as I have often seen "printer friendly" documents on the WEB. How do I make my document likewise? At the end of the day I need to upload a document that anyone can print out that looks the same as the on-screen version.
Thanks.
Thanks.
•
•
•
•
Originally Posted by MrConfused
I have uploaded an HTML document to my WEB site. It looks fine on screen. However if I print it out (via explorer) the font size increases vastly and it looks a mess. I suspect this is a well known problem as I have often seen "printer friendly" documents on the WEB. How do I make my document likewise? At the end of the day I need to upload a document that anyone can print out that looks the same as the on-screen version.
Thanks.
Hi Mr Confused
The traditional way that you have seen 'printer friendly' pages is using the server to strip out menu code etc and provide the content only in a 100% width column for the printer.
It is now possible to create printer friendly websites with print stylesheets.
These are more compatible with pure CSS designs than table layouts, so you might experience some difficulties, unless you have already converted.
You might want to read: http://www.alistapart.com/articles/goingtoprint/
I guess the critical issue you may be noticing is that backgorunds don't print. This means a website will rarely look the same in print as it does onscreen. It is possible to 'work around' this (so long as you don't use too much of your users ink) by absolutely positioning images (using CSS) to replicate the screen look of the site.
Most people however will still prefer your site not to print backgrounds.
Hopefully this helps you somewhat, but getting a website to display and print exactly the same is going to be difficult, unless you are an experienced designer with CSS skills.
Regards
Dave
The traditional way that you have seen 'printer friendly' pages is using the server to strip out menu code etc and provide the content only in a 100% width column for the printer.
It is now possible to create printer friendly websites with print stylesheets.
These are more compatible with pure CSS designs than table layouts, so you might experience some difficulties, unless you have already converted.
You might want to read: http://www.alistapart.com/articles/goingtoprint/
I guess the critical issue you may be noticing is that backgorunds don't print. This means a website will rarely look the same in print as it does onscreen. It is possible to 'work around' this (so long as you don't use too much of your users ink) by absolutely positioning images (using CSS) to replicate the screen look of the site.
Most people however will still prefer your site not to print backgrounds.
Hopefully this helps you somewhat, but getting a website to display and print exactly the same is going to be difficult, unless you are an experienced designer with CSS skills.
Regards
Dave
![]() |
Similar Threads
- HTML, printing out a Table ( A4?) (HTML and CSS)
- Design for A4 printing HTML report - Pg Break? (JavaScript / DHTML / AJAX)
- Printing problem with Qbasic (Legacy and Other Languages)
- Another Trojan-Spy.HTML.smitfraud.c problem (Viruses, Spyware and other Nasties)
- Problem printing from IE6 (Web Browsers)
- Weird IE6 printing problem... (Web Browsers)
Other Threads in the HTML and CSS Forum
- Previous Thread: Padding and margins
- Next Thread: problem with background image repeat-y
| Thread Tools | Search this Thread |
appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form format google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7






