oocss
oocss copied to clipboard
Print Stylesheets? Display: block; for the .main class
In order to be able to use "page-break-after: always;" and "page-break-before: always;" to have my page printed properly with Webkit and Firefox, the element with the class .main need to be displayed as a block. Is there a way to use this display mode instead of table-cell without altering the page layout?
Regards, Louis-Rémi Babé
Did you try setting it to display: block in a print specific rule? It will wrap under the left and right columns in this case, but that is a better flaw than truncating content.
Perhaps we should create alternate rules for print, though this may be too specific to each site to try to generalize. For example, on my site, I know the nav doesn't need to print, but on another site it might contain breadcrumbs or something important to print.
Maybe you could add the print block from http://html5boilerplate.com/#highlighter_323689 ?