2013-05-08 79 views
0

有我想定製的html打印。 我需要在頁面底部的特定位置打印文本以適應模板(打印紙)。 如何將最後一個桌子從底部正好放置2英寸? (CartTable「屬於」應用程序)。 現在最後一個表出現在CartTable的下面。定位打印表

請幫幫我!


<style> 
    body 
    { 
     background-color:White; 
     font-family: Helvetica,Arial,sans-serif;  
    } 
    .CartTable { 
     position:absolute; 
     vertical-align:top; 
     padding-top:5pt; 
     width:492pt; 
     border: 1px solid black; 
     font-size: 8pt; 
     font-family: Helvetica,Arial,sans-serif; } .CartTable2  { 
     position:absolute; 
     vertical-align:top; 
     padding-top:5pt; 
     width:492pt; 
     font-size: 8pt; 
     font-family: Helvetica,Arial,sans-serif; } .CartTdAmmount { 
     vertical-align:top; 
     text-align:right;  } .BorderTopTable  { 
     width:492pt; 
     border-top: 3px solid black; 
     font-size: 8pt; 
     font-family: Helvetica,Arial,sans-serif; } .BorderTable { 
     position:absolute; 
     vertical-align:top; 
     padding-top:5pt; 
     width:498pt; 
     border: 1px solid black; 
     font-size: 8pt; 
     font-family: Helvetica,Arial,sans-serif; } .HeaderTr { 
     position:absolute; 
     vertical-align:top; 
     padding-top:5pt; 
     border-bottom: solid 1px black; 
     background-color: #CCCCCC; 
     font-weight:bold; 
     font-size: 9pt; 
     font-family: Helvetica,Arial,sans-serif; 
     height:12pt;  } </style> <table class=##CartTable##> <thead>##CartHeader## </thead> <tbody>##CartIncTax## </tbody> <tfoot> 
<tr> 
    <td colspan=7> 
     <table style="WIDTH: 492pt; FONT-SIZE: 8pt; BORDER-TOP: black 1px solid"> 
     <tbody> 
     <tr style="HEIGHT: 18pt"> 
      <td></td> 
     </tr> 
     </tbody> 
     </table> 
    </td> </tr> </tfoot> </table> 

<table> <tr> 
    <td >&nbsp;</td> 
    <td>Bankaccount info:</td> </tr> <tr> 
    <td>&nbsp;</td> 
    <td >##Bankaccount##</td> </tr> 

</table> 

回答

0

也許有點像sticky footer將幫助?

+0

謝謝弗朗西斯,但我不能得到它的工作...我應該改變我的桌位置?爲什麼它出現在與CartTable相同的位置? – user2362223 2013-05-08 12:50:51

+0

也許一個小的html片段會有所幫助,但我認爲它與絕對位置有關。如果您在頁面上絕對放置元素(圖像,表格或其他),它將顯示在指定的確切像素處,而其他內容將在其呈現中忽略它。 – 2013-05-08 13:06:50