Printing Issue With CSS Generated Report

[elabuwa]

Hi Guys,

 

I use the below code to make a boring report look more presentable.

 

<style type="text/css">
<!--
.style6 {	font-family: Calibri;
font-size: 36px;
font-weight: bold;
color: #FFFFFF;
}
.style7 {
font-family: Calibri;
font-weight: bold;
font-size:20;
color: #FFFFFF;
}
.heading {
position:absolute;
left:25px;
font-family: Calibri;
font-weight: bold;
font-size:Larger;
color: #000;
}
.accountnumber {
position:absolute;
left:50px;
font-family: Calibri;
font-size:small;
color: #000;
}
.accountname {
position:absolute;
left:150px;
font-family: Calibri;
font-size:small;
color: #000;
}
.amount {
position:absolute;
right:500px;
font-family: Calibri;
font-size:small;
color: #000;
}
.headingtotal {
position:absolute;
right:500px;
font-family: Calibri;
font-weight: bold;
font-size:Large;
color: #000;
}
-->
</style>

 

The page generates absolutely fine.

But when I try to print the stupid page the last column is overlaped.

I think it is because of the RIGHT align issue. But im not sure since I'm new to these whole CSS deal.

 

I call the CSS thingis through php using the below syntax

 

echo "<p class='accountname'><strong>TOTAL ASSETS</strong></p>";
echo "<p class='amount'><strong>$num</strong></p>";

 

Below is a screenshot of my print.

 

 

Can some one please shed some light on how to solve this issue?

 

Thanks in advance

[elabuwa]

As an update I have tried the below thingi too

 

<style type="text/css" media="print">

[elabuwa]

ohh and another addition when i try the media="print" thingi the report comes up in a screwed up way.