css - The limitations of @media Print styling for precision output -


we trying use @media print.css style sheet enable web page print set of avery labels (6 on sheet - 4" x 3"). print media style sheet seemed perfect solution having page looks list on screen, when print list imprinting avery badges!

the challenge in details though. in addition fact each browser seems have unique interpretations of print styling , of rules don't work. i've seen , studied of basic info readily available on using print.css. it's easy override font colors black , set details print or not assignment needs precise element placement , styling within @page details.

the site features bootstrap , other linked .css pages though i've unlinked them test pages , trying isolate out interfering print styling.

it appears float isn't working in ie. our list page content print lays out in floated divs in chrome font styling , other divs aren't rendering intended. firefox isn't displaying of required print content indicating page numbering appears agree chrome there 56 pages of labels, (sorry if can't see them?) hope document can serve repository tips tricks , limitations of media @print.

i'm experiencing same problem. need print onto specific avery labels @ exact dimensions , although can work chrome (despite ignoring print css styles) - doesn't work in firefox. safari seems in it's own world also.

i think way i'm going solve generate pdf's user has download , print (or print pdf's browser).

sucks, haven't found solutions "css print browser reset".


Comments

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

google shop client API returns 400 bad request error while adding an item -