Print-only stylesheets and the firefox bug
March 1st, 2008 | by admin | 338 views
One of the big benefits of using CSS-based design for a site is the fact that you can control the layout of printed pages.
Instead of users having to print out exactly what they see on screen, you can get rid of stuff like nav, sidebars and plug-ins from pages, enabling them to print out only say the main content.
Great! So there I was, merrily creating a print-specific stylesheet for my site ……. only to find that I then had problems getting the printouts to flow across more than a single page in - of all things - Firefox!
Yes, Firefox - the poster child of open source software -has a print bug in it. Sad to say, it all worked fine in IE6 and IE7.
The details and thankfully the solution are described on Jaffer Haider’s blog
The simple answer is to add the overflow:visible property to any of the div elements you want to appear in your printouts for users.
1 Trackback(s)