Creating Passionate Users website printing problems solved in CSS

Letter to Kathy Sierra dated August 22nd, 2006, where I discovered some problems with printing pages from her blog: Creating Passionate Users.

This is a sidebar story to the blog post “See you at RailsConf, Europe this Thursday


Hi Kathy.
I really enjoy your passionate articles on the blog.
I just found out that I had big problems printing your articles, as I want to use one of your articles as inspiration for a workshop.Print preview in Firefox shows the problem: The main article is printed on a page for itself (but has a “overflow:hidden” rule applied), which means that the article and all comments are ony given one page of print. Besides, left and right column are both printed on separate pages (which for me was a waste of paper: I want the article).I had a look at the HTML + CSS and found the problem. This added at the bottom of your CSS file should sort the problem:

@media print{
#center{
margin: 2em;
width: 90%;
overflow: auto;
}
#left{display:none}
#right{display:none}
}

If you want to use it, please do so. Let me know if you have any other questions.
I’ll appreciate if you’ll link to my blog at http://justaddwater.dk/ if you find it appropriate.

Kind regards,
Jesper

PS besides this, I also think you should add you logo to the print pages. Let me know if i can help you with that.
PPS. I’m attending RailsConf, and looking forward to see you presenting :)


Jesper Rønn-Jensen
Capgemini Danmark A/S
Oernegaardsvej 16
DK – 2820 Gentofte
Denmark
Blog: http://justaddwater.dk/

26 Responses to “Creating Passionate Users website printing problems solved in CSS”

  1. Jacob Angel Says:

    I know this post is very old … but it popped up when I was looking for a CSS solution for WP.

    I’m curious, did you ever hear back from Kathy Sierra? How did she react to your suggestion?

  2. Costa Says:

    That is probably the exact reason why I get weird printouts of my site. CSS may be the culprit here. Adding media print to the sheet may help. I ll be applying the code to see if that changes it.

  3. Joe Says:

    Just like Jacob, I was looking for a solution for a CSS problem I was having with another WordPress site I have. Turns out this wasn’t the problem, but I kept the information anyway, in case I need it for future reference.

    CSS is really kicking my ass, lol

  4. Love R.F. Says:

    This is really SO very helpful, thanks for making this information available to everyone. I have been searching for a solution to the exact problem for the longest time!

    Best regards,
    Love R.F.

  5. florida moving company Says:

    Now I know why I sometimes get weird print outs if I tried printing a page(s) from a website.

  6. cristoper daniel Says:

    Hi dear friends, I really enjoy your passionate articles on the blog. I just found out that I had big problems printing your articles, as I want to use one of your articles.

  7. Taha YELKENCİ Says:

    Now I know why I sometimes get weird print outs if I tried printing a page(s) from a website.

  8. Futbol Videoları Says:

    Thank you for helping me to solve my problems

  9. Bizmut Blog Says:

    I admire you for allocate this advice

  10. Eğlencenin Yeri Says:

    Thanks for this useful article

  11. ali Says:

    thanks for article

  12. koxp Says:

    thaks man ..

  13. bedava film izle Says:

    Thanks for this useful article

  14. Santraforlar Says:

    thanks all you.

  15. kaliteli hosting Says:

    thanks admin :)

  16. geyve Says:

    Great article, thanks.

  17. Bağlama Says:

    The main article is printed on a page for itself (but has a “overflow:hidden” rule applied), which means that the article and all comments are ony given one page of print. Besides, left and right column are both printed on separate pages (which for me was a waste of paper:

  18. Bodrum Otelleri Says:

    Thank you for information

  19. zebra perde Says:

    Thank you very much for this nice article

  20. doğal bitkisel Ürünler Says:

    This is really SO very helpful, thanks for making this information available to everyone. I have been searching for a solution to the exact problem for the longest time!

  21. Serdar Says:

    I’m curious, did you ever hear back from Kathy Sierra? How did she react to your suggestion?

  22. Perdele tapet Says:

    I hate overflow!! for @media print just take out graphics and colors

  23. Everett Emigh Says:

    Hi, I can’t understand how to add your site in my rss reader. Can you Help me, please It sounds like you’re creating problems yourself by trying to solve this issue instead of looking at why their is a problem in the first place.

  24. Vector Graphics Says:

    After reading this, I head over to my site to see the print preview function in firefox. Not surprisingly it’s a bit of a mess to say the least. I have actually never considered the print function as the site mostly deals with graphics and most visitors use the download option instead of print. Will have to think this over.

  25. Uroda Says:

    So what was her response? Did she linked to your blog from hers?

  26. Film x Says:

    You have a nice carreer, great !

Leave a Reply