Seeking your expertise,
I'm encountering an issue where the div's bottom border breaks onto the next page when a print preview is initiated in Internet Explorer 11:
In any case, I would greatly appreciate it if we could achieve a 1px border around the entire page (letter-sized, 8.5inches x 11.0inches) with some margins applied.
https://i.sstatic.net/gZL0d.png https://i.sstatic.net/h8ORz.png
Here's the relevant HTML and CSS code:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
@page {
margin: 0.25in;
}
html,body {
height: 100%;
margin: 0;
padding: 0;
}
.table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
.table td {
padding: 0;
}
</style>
</head>
<body>
<div style="border:1px solid grey; height: 100%;">
<table class="table" cellspacing="0" cellpadding="0">
<tr>
<td>File Number:</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</body>
</html>