@stickstones, Thanks for your input. There is what I have in my html
<tr><th colspan="2">Sales</th></tr>
<tr><td class="sub">Income Type</td> <td class="sub">Total</td></tr>
<tr><td>Cash Recived</td> <td>17850</td></tr>
<tr><td>Total Credits</td> <td>2030</td></tr>
<tr><td>Total Checks</td> <td>120</td></tr>
<tr><td>Total Bank Cards</td> <td>0</td></tr>
<tr><td class="last">Total Income</td> <td class="last">20000</td></tr>
<tr><th colspan="2">Expenses</th></tr>
<tr><td class="sub">Expense Type</td> <td class="sub">Total</td></tr>
<tr><td>Cost of service renderd</td> <td>15148</td></tr>
<tr><td>Operating Expenses</td> <td>302</td></tr>
<tr><td class="last">Total of Expenses</td> <td class="last">15450</td></tr>
<tr><td class="sub" style="font-weight: bold;">Net Operating Income (loss)</td><td class="sub" style="font-weight: bold; " >4550</td></tr>
</table>
</div>
<div id="print" class="clear"><img src="../images/misc/printer.gif" alt="" />Print Contract</div>
<script type="text/javascript">
$("#print").click(function() {
$("#fullReport").printElement();
});
</script>
this is my css code
@media print {
.fullReport {
margin: 0 auto;
text-align: center;
background-color: #fff;
clear: both;
display: block;
color: red;
text-align: center;
width: 100%;
}
}
