Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Printing probs with Firefox

5:09 pm on Mar 23, 2011 (gmt 0)

New User

5+ Year Member

joined:June 24, 2008
posts: 21
votes: 0


I have a wordpress site. It's a site with a few static pages as well as a main blog page. And of course, the posts open up into their own individual pages.

I wanted to insert some css code to style what gets printed. I'm MAINLY interested in making individual blog posts more attractive. (Printing the general site pages is fine, too, of course.)

As you guys probably know, without some styling, every section prints out in big Times (I think) font. So you get the header, the nav, the sidebar, the content, the footer, etc.

I added this to my stylesheet:

Print Instructions
@media print {
body {background:white; color:black; margin:0 }

#sidebar { display:none }


After that, when I print everything looks great--styled in same way as the actual site. The only problem is that, on Firefox alone, the individual blog post content doesn't appear.

I see it in the print previews on Safari and Chrome (haven't tested Opera yet). And it prints fine.

Can anyone help me? Is there some code I need to add? (I'm not a pro coder so this is hard for me to figure out.)

Someone has told me that I am loading the exact same style sheet for screen and for print. And the rules I have included are causing the prob. But why would posts print fine in Safari and Chrome but not FF?

He said i cd use a single sheet, but limit which parts work on print/screen by using more than one @media selector.

So I'm confused. I thought the code I included focused on print as it is.

Sorry to be so longwinded but wanted to give the background and the crux of what I want to accomplish as well as what actually IS working.

Thanks for your help.

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members