How to make cross size and cross browser compatible print CSS for World's most use paper sizes to get print?
A4, A3, Legal etc
How we can same almost similar formatting to our site page's like MS word ? What are best practices to get consistency in formatting of print page from any popular browsers?
- How to set cross browser margin and font-size with consistency for all like MS word does?
- Is css font-size unit em best
for both screen and print? or we should use pt or px in print css? and i saw first time here new css property
body {width: 7in}
. - Can we set different CSS (with or without help of JavaScript) for color and B&W print (if i want to give different light color to save ink in B&W print?
- Should we give fixed width to print css if we are making fluid site for screen to get print on paper (which has fixed width)?
What about this? any suggestion?
body {margin: 15px; }
#mainContainer {width: 842px; /* equivalent to A4 */ margin: 0; }
#header {display: none; }
form {display: none!important; }
#footer {display: none; }
#mainContent #leftCol {display: none; }
#mainContent #rightCol {display: none; }
#mainContent #contentSection {float: none; padding: 0; margin: 0; font-size: 13px; width: 100%; }