WebProWorld Part of WebProNews.com
Page One Link To Us Edit Profile Private Messages Archives FAQ RSS Feeds  
 

Go Back   WebProWorld > Site Design > Graphics & Design Discussion Forum
Subscribe to the Newsletter FREE!


Register FAQ Members List Calendar Arcade Chatbox Mark Forums Read

Graphics & Design Discussion Forum Post your graphics design questions/comments/ideas in here. Ask questions, post tutorials, discuss trends and best practices. Sub-forum for website accessibility and usability.

Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 02-11-2005, 01:27 PM
WebProWorld Pro
 

Join Date: Sep 2004
Location: Longmont, Colorado
Posts: 216
CJacobson RepRank 0
Default please help me fix this printing bug...

I know there must be an easy fix... but I can't get Firefox or Netscape to print my website properly. On any webpage that requires more than one sheet of paper they only want to print the first sheet.

I've already tried using style="page-break-after: always;" as you can see here: http://www.storyboardtoys.com/galler...pagebreaks.htm

You might think adding "float: none" to my style sheet would fix the problem... I already tried that too. You can see my CSS code here: www.storyboardtoys.com/printstyle1.css

Please help me - it's driving me nuts to have to use IE or Opera when printing hard copies of my pages.

THANKS!
Reply With Quote
  #2 (permalink)  
Old 02-11-2005, 05:30 PM
davebarnes's Avatar
WebProWorld MVP
WebProWorld MVP
 

Join Date: Jul 2003
Location: Denver, Colorado USA
Posts: 1,441
davebarnes RepRank 3davebarnes RepRank 3
Default

I don't see the problem.

I printed 1 webpage ( http://store.yahoo.com/storyboardtoys/ ) to a 6 page PDF using FireFox 1.0 under Windows 2000.
Worked exactly as I expected.

,dave

P.S. I could not print http://www.storyboardtoys.com/gallery.htm because PDFWriter ran out of memory even though I have 1GB of RAM.
__________________
Dave Barnes
+1.303.744.9024
http://www.marketingtactics.com
Reply With Quote
  #3 (permalink)  
Old 02-11-2005, 05:55 PM
WebProWorld Pro
 

Join Date: Sep 2004
Location: Longmont, Colorado
Posts: 216
CJacobson RepRank 0
Default

Dave, Thanks for giving it a try! But sadly the page that printed isn't actually my code. It's Yahoo's, because I use their service for it's secure shopping cart, etc.

I didn't think to try a PDF program... When you're browsing and you want a hard copy do you always convert HTML to PDF first? Sounds like something Apple would do. (wink!)

I especially want the multi-sheet "gallery" parts of my website to print properly and easily because otherwise they aren't so convenient a resource for school teachers looking for lists of project ideas. My pages print fine in IE and Opera - but they get truncated in Gecko-based browsers on the PC and two Macs I validate on.
Reply With Quote
  #4 (permalink)  
Old 02-14-2005, 08:05 PM
WebProWorld Pro
 

Join Date: Nov 2004
Posts: 144
rivux RepRank 0
Default

Quote:
Originally Posted by CJacobson
I didn't think to try a PDF program... When you're browsing and you want a hard copy do you always convert HTML to PDF first? Sounds like something Apple would do. (wink!)
I save everything as PDF before printing as well, there is a great free print to pdf product called CutePDF

http://www.cutepdf.com/Products/CutePDF/writer.asp
__________________
PortalBoost
Reply With Quote
  #5 (permalink)  
Old 02-14-2005, 08:57 PM
WebProWorld Pro
 

Join Date: Sep 2004
Location: Longmont, Colorado
Posts: 216
CJacobson RepRank 0
Default

Okay, thanks for the recommendation... but can't someone please tell me how to fix this bug? It must be an easy-to-fix and common problem.

If visitors want to print www.storyboardtoys.com/NAEYC-accreditation.htm directly from Firefox/Netscape, they should be able to. I don't want to say "Come back when they have a print-to-pdf program."

Firefox and Netscape print other websites with tables that span multiple sheets of paper. The problem isn't memory: this page only totals 85K. "page-break-before" doesn't fix the problem. The HTML and CSS validate.

Hasn't someone else encountered a problem like this?
Reply With Quote
  #6 (permalink)  
Old 02-15-2005, 06:38 AM
WebProWorld Veteran
 

Join Date: Aug 2003
Location: Cornwall, UK
Posts: 833
speed RepRank 1
Default

Hi CJacobson,

In your CSS for printing change #main2 to:

#main2 { position: relative }

It fixes it for Firefox to allow the page to be split over 2 output pages, you might need to play with some of the other classes etc.
__________________
TOLRA Micro Systems Limited US & UK Web Hosting with Continuous Data Protection
Web Directory 2 for 1 Offer : Web Directory Script
Reply With Quote
  #7 (permalink)  
Old 02-15-2005, 01:36 PM
WebProWorld Pro
 

Join Date: Sep 2004
Location: Longmont, Colorado
Posts: 216
CJacobson RepRank 0
Default

Speed, THANK YOU - That's a big help !!!!!

I've updated the print stylesheet and my visitors will be able to print all the images... but I do need to tune other stuff now. (Text in the left-hand block doesn't continue to the second page, etc.) Coding for printing is a pain!
Reply With Quote
  #8 (permalink)  
Old 02-15-2005, 02:07 PM
WebProWorld Veteran
 

Join Date: Aug 2003
Location: Cornwall, UK
Posts: 833
speed RepRank 1
Default

Your trouble basically stems from using absolute positioning, if you do away with that then it should all just work.

While you're at it I'd get rid of the layout tables and use pure CSS for the layout as I find that makes it simple to get pages formatted for print.

The other thing is do the visitors really need the navigation in the print out? If not then you can just hide it with 'display: none', might save some work.
__________________
TOLRA Micro Systems Limited US & UK Web Hosting with Continuous Data Protection
Web Directory 2 for 1 Offer : Web Directory Script
Reply With Quote
Reply

  WebProWorld > Site Design > Graphics & Design Discussion Forum
Tags: , , ,



Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


Search Engine Optimization by vBSEO 3.2.0