Steps to reproduce
I will attach my source html and css in one file.
Uniform borders when printing just like they are displayed in the browser windows.
Dev Channel specific:
Comments and activity
- Microsoft Edge Team
Changed Assigned To to “Sermet I.”
Changed Assigned To from “Sermet I.” to “Saranya K.”
Changed Status to “Confirmed”
Changed Status from “Confirmed”
Changed Assigned To to “Rossen A.”
Changed Assigned To from “Rossen A.” to “IE F.”
Changed Status to “Won’t fix”
Changed Assigned To to “Bogdan B.”
Changed Status from “Won’t fix”
Have this problem too. Also applicable to IE8,9,10. Clients can’t print good-looking reports :(
To reproduce the issue, create a html page with the X-UA-Compatible metatag set to 8 or higher. Insert a table big enough to span multiple printed pages. Set the css for table headers, rows or cells to page-break-inside: avoid. When printing the page, the breaks will apply correctly, repeating the table header on the next page. But the first row after the repeated header will have its outer borders pushed to the middle by one px and show a ‘bold’ border between its cells and at the top where it touches the repeated header. Same occurs if only the table has a border and the rows don’t.