Print page – content too wide (Daily Dish Pro)

[Tribulatio]

I have come across an intriguing small issue on a website that I have newly moved to WP, http://www.religioscope.org, a blog for a small academic institute. I am using Daily Dish Pro for that site with a deliberately minimalist design.. Some light customization using CSS Hero. Just gone live today (successor to a non WP site).

When I click on print in any browser on my Mac, the content area is too wide: part of the article is cut on the left side (which is an additional puzzling thing for me: usually, content is overflowing on the right - hence my suspicion that it has something to do with my website design).

I have solved the problem for readers who would like to print by adding the PrintFriendly option at the end of individual posts.

However, I would like to find a way to prevent the text of the main content area (i.e. the articles, excluding the sidebar) from overflowing) if visitors click on print in their browser.

I am using Daily Dish Pro for another site, http://www.orbis.info, and I have never come across such an issue, it just prints fine. Thus I am assuming there is something wrong in my (light) customizations, or that I could fix that just by adding some CSS code forcing the main content area to stay within the print zone.

http://www.religioscope.org

[Tribulatio]

From the various browsers I have tested, it seems to be working fine only with Firefox.

[Author]

Posts