table-header-group 、 table-footer-group 属性在 Chrome 中不起作用

发布于 2024-12-28 18:15:09 字数 1990 浏览 2 评论 0原文

这是我的代码。 http://furkan.brove.net/syflm.php

当我在 Chrome 中时它不起作用打印它。我希望它在打印模式下将页眉和页脚放在每一页上。此外，在每个浏览器中，最后一个页脚位于内容的底部。但我希望它位于页面底部。

有什么办法可以解决我的问题吗？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9">
<meta name="robots" content="noindex, nofollow">
<meta name="googlebot" content="noindex">
<meta http-equiv="cache-control" content="no-cache">    
<meta http-equiv="X-UA-Compatible" content="IE=8" />

<title>Brove.NET ISO Yazılımı</title>
<link rel="stylesheet" type="text/css" href="css/pagination.css" />
<style>
    #all thead { display: table-header-group; }
    #all tfoot { display: table-footer-group; }
    .header_table{ height:100px; }
    .footer_table{ height:100px; }
</style>
</head>

<body>
<table id="all">
   <thead><tr><td><table class="header_table"><tr><td>Your header goes here</td></tr></table></td></tr></thead>
   <tfoot><tr><td><table class="footer_table"><tr><td>Your footer goes here</td></tr></table></td></tr></tfoot>
   <tbody>
     <tr><td>
       Page body in here -- as long as it needs to be<br />
       <!-- i wrote this many -->
     </td></tr>
   </tbody>
</table>
</body>
</html>

这是IE截图。在第二页中，它很好地放置了页眉和页脚。

在此处输入图像描述

这是 Firefox 屏幕截图。它也正在发挥作用。

在此处输入图像描述

但在 chrome 中它不起作用

在此处输入图像描述

原文

This is my code. http://furkan.brove.net/syflm.php

It is not working in Chrome when i print it. I wish it puts header and footer on every page in print mode. Also in every browser last footer is going bottom of the content. But i want it to be bottom of the page.

Is there any way to solve my problem?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9">
<meta name="robots" content="noindex, nofollow">
<meta name="googlebot" content="noindex">
<meta http-equiv="cache-control" content="no-cache">    
<meta http-equiv="X-UA-Compatible" content="IE=8" />

<title>Brove.NET ISO Yazılımı</title>
<link rel="stylesheet" type="text/css" href="css/pagination.css" />
<style>
    #all thead { display: table-header-group; }
    #all tfoot { display: table-footer-group; }
    .header_table{ height:100px; }
    .footer_table{ height:100px; }
</style>
</head>

<body>
<table id="all">
   <thead><tr><td><table class="header_table"><tr><td>Your header goes here</td></tr></table></td></tr></thead>
   <tfoot><tr><td><table class="footer_table"><tr><td>Your footer goes here</td></tr></table></td></tr></tfoot>
   <tbody>
     <tr><td>
       Page body in here -- as long as it needs to be<br />
       <!-- i wrote this many -->
     </td></tr>
   </tbody>
</table>
</body>
</html>

This is IE screenshot. In second page it puts header and footer well.

enter image description here

This is Firefox screenshot. It is working too.

enter image description here

But in chrome it is not working

enter image description here