Quantcast
Channel: Internet Explorer Web Development forum
Viewing all articles
Browse latest Browse all 3527

Extraneous Page Break Inserted When Printing a Form with IE

$
0
0

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 Zoom

shrinks 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.





Viewing all articles
Browse latest Browse all 3527

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>