2014-10-29 81 views
0

我想建立一个可打印的HTML页面。该页面需要在每个页面上有一个页眉和页脚(在每页的顶部和底部)。 页面本身包含一个包含表格行组和表格标题(以及更多数据)的表格。打印HTML与固定的div页眉和页脚与表行组

我的问题是,表格不会在此页面上的固定div周围浮动。 div覆盖表格。

因此,我寻找一个解决方案,让表浮动“围绕”每个页面上的2个div并对行元素进行分组。

这是我目前试图解决它的一个,但它没有工作。

该“项目”的目标是在打印机上打印出来。

我应该接受所有其他posible soulutions只要它是原生html,JS和/或css,但没有jQuery或其他类似的东西。 解决方案必须仅适用于火狐20(没有其他的浏览器)

哦..和 “DOCTYPE” 必须是我用

THX这么多+问候 XUN

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml"> 
 
<head> 
 
    <style type="text/css"> 
 
    @page{margin:3mm 3mm 3mm 3mm;} 
 
    body{color:#000000;background-color:#FFFFFF;overflow:scroll;font-size:12px;font-family:verdana,arial,helvetica,sans-serif,lucida console,fixedsys;padding:0px;margin:0px;border-spacing:0px;} 
 
    </style> 
 
<body> 
 
<div style="width:20cm;position:fixed;top:0;font-size:0.8em;float:left;"> 
 
    <table style="width:100%;"> 
 
    <tr> 
 
    <td style="text-align:left;"><img src="img.png" style="max-width:5cm;max-height:3cm;vertical-align:top;"></td> 
 
    <td><a href="test1.html"><b>REFRESH</b></a></td> 
 
    <td style="text-align:right;vertical-align:top;"> 
 
    <table align="right"> 
 
     <tr><td>Phone:</td><td>&nbsp;</td><td>[+49] 12 34/5 67 89</td></tr> 
 
     <tr><td>Fax:</td><td>&nbsp;</td><td>[+49] 12 34/5 67 89</td></tr> 
 
     <tr><td>Web:</td><td>&nbsp;</td><td><a href="HTTP://foo.bar">HTTP://foo.bar</a></td></tr> 
 
     <tr><td>E-Mail:</td><td>&nbsp;</td><td><a href="mailto:[email protected]">[email protected]</a></td></tr> 
 
    </table> 
 
    </td> 
 
    </tr> 
 
    </table> 
 
</div> 
 
<div style="width:20cm;position:fixed;bottom:0;"> 
 
    <hr style="border:1px solid #000000;"> 
 
    <table style="width:100%;font-size:0.7em;"> 
 
    <tr> 
 
    <td style="text-align:right;vertical-align:top;"><b>Bank:</b></td> 
 
    <td>&nbsp;</td> 
 
    <td style="text-align:left;vertical-align:top;"> 
 
    <table align="left"> 
 
     <tr><td>User:</td><td>&nbsp;</td><td>abc def</td></tr> 
 
     <tr><td>Inst:</td><td>&nbsp;</td><td>xyz-Bank</td></tr> 
 
     <tr><td>Kto Nr.:</td><td>&nbsp;</td><td>123456</td></tr> 
 
     <tr><td>BLZ:</td><td>&nbsp;</td><td>123456789</td></tr> 
 
     <tr><td>IBAN/SEPA:</td><td>&nbsp;</td><td>DE123456789123456789</td></tr> 
 
     <tr><td>BIC/SWIFT:</td><td>&nbsp;</td><td>ABC123DEF456</td></tr> 
 
    </table> 
 
    </td> 
 
    <td>&nbsp;</td> 
 
    <td style="text-align:right;vertical-align:top;"><b>Kontakt:</b></td> 
 
    <td>&nbsp;</td> 
 
    <td style="text-align:left;vertical-align:top;"> 
 
    <table cellpadding="0" align="left"> 
 
     <tr><td>Post:</td><td>&nbsp;</td><td>foo bar, blub com, too roo</td></tr> 
 
     <tr><td>Phone:</td><td>&nbsp;</td><td>[+49] 12 34/5 67 89</td></tr> 
 
     <tr><td>Fax:</td><td>&nbsp;</td><td>[+49] 12 34/5 67 89</td></tr> 
 
     <tr><td>Web:</td><td>&nbsp;</td><td><a href="HTTP://foo.bar">HTTP://foo.bar</a></td></tr> 
 
     <tr><td>E-Mail:</td><td>&nbsp;</td><td><a href="mailto:[email protected]">[email protected]</a></td></tr> 
 
    </table> 
 
    </td> 
 
    </tr> 
 
    </table> 
 
</div> 
 

 
<table style="width:20cm;margin:0px;padding:0px;border-spacing:0px;border:1px solid #000000;"> 
 
<tr> 
 
    <td> 
 
<table style="width:100%;"> 
 
    <tr> 
 
    <td> 
 
<small><small> 
 
xyzfirma<br> 
 
abc def ghi jkl mno pqr</small></small> 
 
<br> 
 
<big><big><b>Empf&auml;nger:</b><br> 
 
jombo rombo<br> 
 
kalinka 123<br> 
 
12345 heidana<br>Deutschland</big></big> 
 
    </td> 
 
    <td style="text-align:right;vertical-align:top;"><big><b>Datum: 12.34.5678</b></big></td> 
 
    </tr> 
 
</table> 
 
    </td> 
 
</tr> 
 
</table> 
 

 

 
<table style="width:20cm;margin:0px;padding:0px;border-spacing:0px;border:1px solid #000000;display:table-row-group;"> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
</table> 
 

 
</body> 
 
</html>
版本

回答

0

我发现一个解决方案对我有用。

诀窍是添加2个div。一个用于页眉,另一个用于页脚 然后添加一个带有空的thead,tfoot和带有内容的tbody的表格。使用JS的 将thead和tfoot的大小设置为每个div的clientheight。

这将在每个页面的“sriped”表格的顶部和底部“放置”一个占位符。 此占位符可以透过固定div容器透支。 使用固定div可以在最后一页上设置页面顶部的页脚。

这里是(如有其他有同样的问题) (仅适用于 “印刷” 这一页。查看意志看起来疯狂)

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml"> 
 
<head> 
 
    <script type="text/javascript" src="/jwplayer/jwplayer.js"></script> 
 
    <style type="text/css"> 
 
    @page{margin:3mm 3mm 3mm 3mm;} 
 
    body{color:#000000;background-color:#FFFFFF;overflow:scroll;font-size:12px;font-family:verdana,arial,helvetica,sans-serif,lucida console,fixedsys;padding:0px;margin:0px;border-spacing:0px;} 
 
    </style> 
 

 
    <script type="text/javascript"> 
 
    function printpagerebuild(){ 
 
    document.getElementById("tableheader").style.height = document.getElementById("pageheader").clientHeight + 'px'; 
 
    document.getElementById("tablefooter").style.height = document.getElementById("pagefooter").clientHeight + 'px'; 
 
    } 
 
    
 
    window.onload = function(){printpagerebuild();}; 
 
    </script> 
 

 

 
<body style="margin-bottom:50px;"> 
 
<div id="pageheader" style="width:20cm;position:fixed;top:0;font-size:0.8em;float:left;"> 
 
    <table style="width:100%;"> 
 
    <tr> 
 
    <td style="text-align:left;"><img src="img.png" style="max-width:5cm;max-height:3cm;vertical-align:top;"></td> 
 
    <td><a href="test1.html"><b>REFRESH</b></a></td> 
 
    <td style="text-align:right;vertical-align:top;"> 
 
    <table align="right"> 
 
     <tr><td>Phone:</td><td>&nbsp;</td><td>[+49] 12 34/5 67 89</td></tr> 
 
     <tr><td>Fax:</td><td>&nbsp;</td><td>[+49] 12 34/5 67 89</td></tr> 
 
     <tr><td>Web:</td><td>&nbsp;</td><td><a href="HTTP://foo.bar">HTTP://foo.bar</a></td></tr> 
 
     <tr><td>E-Mail:</td><td>&nbsp;</td><td><a href="mailto:[email protected]">[email protected]</a></td></tr> 
 
    </table> 
 
    </td> 
 
    </tr> 
 
    </table> 
 
</div> 
 
<div id="pagefooter" style="width:20cm;position:fixed;bottom:0;"> 
 
    <hr style="border:1px solid #000000;"> 
 
    <table style="width:100%;font-size:0.7em;"> 
 
    <tr> 
 
    <td style="text-align:right;vertical-align:top;"><b>Bankverbindung:</b></td> 
 
    <td>&nbsp;</td> 
 
    <td style="text-align:left;vertical-align:top;"> 
 
    <table align="left"> 
 
     <tr><td>Inhaber:</td><td>&nbsp;</td><td>abc def</td></tr> 
 
     <tr><td>Institut:</td><td>&nbsp;</td><td>xyz-Bank</td></tr> 
 
     <tr><td>Konto Nr.:</td><td>&nbsp;</td><td>123456</td></tr> 
 
     <tr><td>Bankleitzahl:</td><td>&nbsp;</td><td>123456789</td></tr> 
 
     <tr><td>IBAN/SEPA:</td><td>&nbsp;</td><td>DE123456789123456789</td></tr> 
 
     <tr><td>BIC/SWIFT:</td><td>&nbsp;</td><td>ABC123DEF456</td></tr> 
 
    </table> 
 
    </td> 
 
    <td>&nbsp;</td> 
 
    <td style="text-align:right;vertical-align:top;"><b>Kontakt:</b></td> 
 
    <td>&nbsp;</td> 
 
    <td style="text-align:left;vertical-align:top;"> 
 
    <table cellpadding="0" align="left"> 
 
     <tr><td>Post:</td><td>&nbsp;</td><td>foo bar, blub com, too roo</td></tr> 
 
     <tr><td>Phone:</td><td>&nbsp;</td><td>[+49] 12 34/5 67 89</td></tr> 
 
     <tr><td>Fax:</td><td>&nbsp;</td><td>[+49] 12 34/5 67 89</td></tr> 
 
     <tr><td>Web:</td><td>&nbsp;</td><td><a href="HTTP://foo.bar">HTTP://foo.bar</a></td></tr> 
 
     <tr><td>E-Mail:</td><td>&nbsp;</td><td><a href="mailto:[email protected]">[email protected]</a></td></tr> 
 
    </table> 
 
    </td> 
 
    </tr> 
 
    </table> 
 
</div> 
 

 

 

 
<table style="width:20cm;margin:0px;padding:0px;border-spacing:0px;border:1px solid #000000;display:table-row-group;"> 
 
<thead id="tableheader"> 
 
<tr><td>&nbsp;</td></tr> 
 
</thead> 
 
<tfoot id="tablefooter"> 
 
<tr><td>&nbsp;</td></tr> 
 
</tfoot> 
 
<tbody> 
 
<tr><td> 
 
<table style="width:20cm;margin:0px;padding:0px;border-spacing:0px;border:1px solid #000000;"> 
 
<tr> 
 
    <td> 
 
<table style="width:100%;"> 
 
    <tr> 
 
    <td> 
 
<small><small> 
 
xyzfirma<br> 
 
abc def ghi jkl mno pqr</small></small> 
 
<br> 
 
<big><big><b>Empf&auml;nger:</b><br> 
 
jombo rombo<br> 
 
kalinka 123<br> 
 
12345 heidana<br>Deutschland</big></big> 
 
    </td> 
 
    <td style="text-align:right;vertical-align:top;"><big><b>Datum: 12.34.5678</b></big></td> 
 
    </tr> 
 
</table> 
 
    </td> 
 
</tr> 
 
</table> 
 
</tr></td> 
 
<tr><td> 
 
    <table style="width:100%;"> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
<tr><td>123456789</td><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td></tr> 
 
<tr><td>abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ aBcDeFgH iJkLmNoPqRsT uVwXyZ</td><td>123456789</td></tr> 
 
    </table> 
 
</td></tr> 
 
</tbody> 
 
</table> 
 

 
</body> 
 
</html>