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

Incomplete Preview/Print Internet Explorer 11

$
0
0

Hello,

I am able to duplicate a print/preview problem using IE 11 with any web page where the preview extends past a "printable" page (8.5 x 11 inches) and contains element(s) that use absolute positioning.

If I use Internet Explorer 10, print/preview functions normally.

I tested the included html (see below) code using F12 and set Emulation to Document mode 10 and User Agent String to "Internet Explorer 10". The preview still fails to include all elements.

Apparently something in the rendering engine has changed from Internet Explorer version 10 to 11 with regard to absolute positioning, even when using Compatibility/Emulation mode.

I notice that "Gecko" based browsers (Firefox) fail similarly.

"Blink" based browsers, notably Chrome, are functional.

Is there an IE fix for absolute positioning of elements?

The following is a brief test page that should illustrate the problem. Output should consist of 3 sets of controls. When viewed as a web page, the controls are placed properly and render correctly. If viewed in print/preview, they do not.

<!DOCTYPE HTML><head><meta http-equiv='X-UA-Compatible' content='IE=edge'/><title>Test</title></head><body><div style=''><div style='position : absolute;left:0px;top:0px;width:817px;height:3169px;border:1px solid black;background-color:#FFFFFF;'><div style='position : absolute;left:0px;top:0px;width:815px;height:3167px;border-top:1px solid white;border-left:1px solid white;border-right:1px solid gray;border-bottom:1px solid gray;'><select style='font-family:Times New Roman;color:#000000;font-size:12px;font-weight:normal;font-style:normal;text-decoration:none;position : absolute;left:302px;top:46px;width:157px;height:24px;' name='combobox'><option value='0'>one</option></select><textarea style='font-family:Times New Roman;color:#000000;font-size:12px;font-weight:normal;font-style:normal;text-decoration:none;position : absolute;left:46px;top:46px;width:224px;height:69px;' name='editbox'></textarea><select style='font-family:Times New Roman;color:#000000;font-size:12px;font-weight:normal;font-style:normal;text-decoration:none;position : absolute;left:286px;top:1102px;width:157px;height:24px;' name='combobox'><option value='0'>one</option></select><textarea style='font-family:Times New Roman;color:#000000;font-size:12px;font-weight:normal;font-style:normal;text-decoration:none;position : absolute;left:30px;top:1102px;width:224px;height:69px;' name='editbox'></textarea><select style='font-family:Times New Roman;color:#000000;font-size:12px;font-weight:normal;font-style:normal;text-decoration:none;position : absolute;left:302px;top:2158px;width:157px;height:24px;' name='combobox'><option value='0'>one</option></select><textarea style='font-family:Times New Roman;color:#000000;font-size:12px;font-weight:normal;font-style:normal;text-decoration:none;position : absolute;left:46px;top:2158px;width:224px;height:69px;' name='editbox'></textarea></div></div></div></body></html>


Viewing all articles
Browse latest Browse all 3527

Trending Articles



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