|
|||||||||
|
|||||||||
| |||||||||
|
|||||||||
|
|||||||||
| |||||||||
|
|
|
| |||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
Dev Shed Forums Sponsor:
|
|
|
|
#1
November 30th, 2004, 06:51 PM
|
|||
|
|||
|
Printer Friendly pages - Display problems
Hi,
I have just set about creating printer-friendly web pages but am seeing problems when viewing them on different computers, using different browsers. Because I am not a hard coding expert, I use FP 2003 to create my pages, and they look fine on my machine at home, but on some other machines, quite frankly the results are disappointing. The main problem seems to be that part of the right-hand side of the print is somehow clipped. Has anyone any experience of this? Will it have anything to do with the margin settings on the different machines, or different screen resolutions. My screen resolution is set at 1024 x 768, although (on my machine) I have tested the pages at 800 x 600, and they still display ok. View them elsewhere and the results are sometimes different. The actual printer-friendly pages are set at 100% rather than a fixed pixel width, which I had hoped would be suitable for most users. If anyone would like to check out some of the printer-friendly pages, selecting print-preview, and let me know how the pages display for you I would be really grateful. The page to go to first would be: http://www.graceandtruth.org.uk/articles.htm Thank you in advance if you have time to help! Regards, Alan
|
|
#2
December 1st, 2004, 01:40 AM
|
||||
|
||||
|
It looks OK on my machine, win2000, firefox, 1600*1200.
However, I notice that your side bars and header / footer are in the page - they are not really necessary for the printeable version are they? Why don't you add this withing the <head></head> of your document and then hide irrelevant sections of the page: Code:
<link rel="stylesheet" type="text/css" href="LINK HERE/print.css" media="print" /> Give you elements in your html an id or class name, eg: Code:
<td class="whatever">Header info etc</td> Then in your print css Code:
.whatever {
display: none;
}
Hope this helps.
__________________
Cheers, Jamie # mdb4u | mobile movie database] | Please help to test and promote # skiFFie | Home of the 'accessibility module' for Drupal # Jamie Burns [me] Accessibility Module [drupal] # guidelines | search | wap resources | not getting help | fold to cure __________________ Let the might of your compassion arise to bring a quick end to the flowing stream of the blood and tears ..... Please hear my anguished words of truth.  __________________
|
|
#3
December 1st, 2004, 01:56 AM
|
|||
|
|||
|
Quote:
Jamie, Many thanks for your quick reply. I just wonder however whether you have just viewed the main article pages, or have you followed the link to the actual (supposedly) printer-friendly pages? There should be no side bars / footer on them. I would be grateful if you could take another peek and check. Sorry to be a pain. Your advice / comments are welcome. Will check out your site as suggested. Regards, Alan www.graceandtruth.org.uk
|
|
#5
December 1st, 2004, 12:01 PM
|
|||
|
|||
|
Printer Friendly pages - Display problems
Quote:
Hello again, Sorry if I wasn't very clear, the link in my first post was the current Articles Index page, to get to the articles themselves, click on any of the six articles presently listed. To bypass the articles index and go directly to one of the articles from this post, I will select just one: http://www.graceandtruth.org.uk/Articles/julian_palmer.htm Under the title you should then see the "printer-friendly" link. You will then be able to view the p-f version. I really do appreciate your help with this, and apologise again for not being clear enough the first time. Regards, Alan
|
|
| Viewing: Dev Shed Forums > Web Design > Web Design Help > Printer Friendly pages - Display problems |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
 |
|
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
