I have a form that I need to print on one page. Here's my current CSS:
@media print { div#formcontainer {display: block;}
form { 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%}
}The page is printed via window.print() when a button is clicked.
This works in every browser I've tried, except IE (currently running IE 11). In IE, the Zoomshrinks the form so it fits on one page width wise, but it inserts a pagebreak where it would
normally put it if I didn't use the Zoom even though there's plenty of space to fit the form on the page.
I also loose the centering of the text at the top.
I've tried using height and page-break-inside: avoid parameters, but no luck. Any help in
solving this problem would be greatly appreciated.