HTML-идентификатор страницы не печатается так же, как отображается - PullRequest
2 голосов
/ 29 июня 2011

У меня есть HTML-страница с таблицей, заголовок которой не совпадает при печати, как показано зеленый тег div и текст нижнего колонтитула просто напечатаны без фона
пожалуйста, помогите мне
мой код

<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
.cnt
{
    padding-top:10px;
    padding-bottom:10px;
}
</style>
</head>
<body>

<div style="width:21cm; margin-left:auto; margin-right:auto; padding-top:0px; position:relative;">




<div style="width:90%; margin-left:auto; margin-right:auto;">
<div style="color:#FFF; background-color:green; padding:5px; font:20px bolder Verdana, Geneva, sans-serif; text-align:center;">
Receipt Details
</div>
<div>
<table border="1" cellspacing="2" cellpadding="2" width="100%">
<tbody><tr bgcolor="#000" style="color:#FFF; text-align:center;">
<td>
Receipt No.
</td>
<td>
Date
</td>
<td>
Amount Paid
</td>
<td>
Amount Due
</td>
<td>
Remark
</td>
</tr>
<tr style="text-align:center;">
<td>

</td>
<td>

</td>
<td>
500/-
</td>
<td>

</td>
<td>
Registration
</td>
</tr>
<tr style="text-align:center;">
<td>

</td>
<td>

</td>
<td>

</td>
<td>

</td>
<td>
Fee Payment
</td>
</tr>
<tr style="text-align:center;">
<td>

</td>
<td>

</td>
<td>

</td>
<td>

</td>
<td>
Fee Payment
</td>
</tr>
<tr style="text-align:center;">
<td>

</td>
<td>

</td>
<td>

</td>
<td>

</td>
<td>
Fee Payment
</td>
</tr>
</tbody></table>
</div>
</div>




</div>


</body></html>

enter image description here

1 Ответ

2 голосов
/ 29 июня 2011
<link href="/automin/90617406afeb35403b4c010c2cdd4071.css" type="text/css" title="default" rel="stylesheet" media="screen, projection, print">

Убедитесь, что для таблицы стилей установлено значение print.

Кроме того, при печати убедитесь, что флажок «Печать цветов фона»

enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...