每页打印中的页眉和页脚，不覆盖任何内容。 [英] Header and footer in each page of print, without overlaping with any contents.
本文介绍了每页打印中的页眉和页脚，不覆盖任何内容。的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
你好朋友
我在打印媒体的每个页面尝试我们的页眉和页脚。在asp代码中。
但我的内容和页眉页脚相互重叠。所以请帮助我，我可以安排他们请尽快回复。
例子
当我尝试增加内容部分时，然后它与页脚部分重叠。
hello friend
i am try to us Header and footer at each page at print media. in asp code.
but my content and header footer is overlapped with each other. so kindly help me ho can i arrange them please reply as soon as possible.
example
when i am try to increase content part, then it is overlapped with footer part.
<html>
<head runat="server">
<title>page Break spacification </title>
<link rel="shortcut icon" href="logo2.jpeg" type="image/jpeg" />
<%-- logo and style sheet are here.--%>
<style type="text/css">
@page {
margin-bottom:50px;
margin-top:50px;
}
@media print {
thead {
display: table-header-group;
top: 0px;
color: red;
font-size: 30px;
position:static ;
text-align:center;
}
tfoot {
/*display:table-footer-group ;*/
display:table-footer-group ;
bottom: 0px;
color: red;
font-size: 15px;
position:fixed;
padding-bottom:0px;
margin-bottom:0px;
}
h4 {
page-break-after: always;
color: pink;
font-size:xx-large;
}
tr {
display:table-row-group;
bottom:100px;
}
}
@media screen {
thead {
display: none;
}
tfoot {
display: none;
}
h4 {
display: none;
}
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<table style="width:500px">
<thead>
<tr>
<th>MASTER</th>
</tr>
</thead>
<tfoot>
<tr>
<td>FOOTER 1</td>
<td> footer 2</td>
</tr>
<table><tbody><tr><td class="con">content 1</td><td>content 2</td></tr></tbody></table>
</tfoot>
<tr><td>Content part.
when i am try to increase this part then it is overlapped with footer page.</td></tr>
</table>
</body>
</html>
????????????当我尝试增加此部分时，它与页脚页面重叠。?????????
????????????when i am try to increase this part then it is overlapped with footer page.?????????
code block added
推荐答案
这篇关于每页打印中的页眉和页脚，不覆盖任何内容。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
