oocss icon indicating copy to clipboard operation
oocss copied to clipboard

Print Stylesheets? Display: block; for the .main class

Open louisremi opened this issue 15 years ago • 2 comments

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é

louisremi avatar Feb 25 '10 14:02 louisremi

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.

stubbornella avatar Mar 12 '10 07:03 stubbornella

Maybe you could add the print block from http://html5boilerplate.com/#highlighter_323689 ?

shapeshifta78 avatar Aug 15 '11 20:08 shapeshifta78