Scaling Page When Printing in IE
I know this is an old issue, but I've tried every suggestion I could find and nothing works in IE.
I have a form that I need to print on one page. Here's my current CSS:
Code:
@media all {
.page-break { display: none; }
}
@media print {
div#formcontainer {display: block;}
form {width: 100%; font-size-adjust: .4;}
textarea {width: 98%;}
body {background-color: #ffffff; zoom:67%;}
a {color: #000000;}
.page-break { display: block; page-break-before: always; }
.address {width: 92%}
}
This works in every browser I've tried, except IE (currently running IE 11, but need it to work in earlier versions).
Before you say it, I know Zoom is obsolete, but it makes the form print correctly in the other browsers.
In IE, without the Zoom, it does no scaling (cuts the form off on the right). With the Zoom, it shrinks the form, but I loose the centering of the text and it does a page break where it would normally put it if I didn't use the Zoom. Is that clear???
Anyway, if there's either a way to make it print correctly in IE, or if there's another approach that will work cross-browsers instead of using Zoom, I'd really appreciate knowing it.
Thanks in advance.