Hi
i have a report with graph that i print to pdf ..
in firefox every thing seems to be in one page but for ie and chrome not working please check the attachement
and i have wrote some css for ie and firefox
please check my css:
firefox css
<style type="text/css" >
#fixed {
position: absolute;
top: 0;
left: 0;
width: 10em;
height: 100%;
}
@media print {
input#BTNPRINT{
display: none;
}
}
@media screen{
.imgs1 {
position:absolute;
width:30%;
height:15%;
top:-6px;
left:0;
}
}
#table2 {
position:relative;
/*top:-50px;*/
border:1px solid #000;
font-family:arial,sans-serif;
font-size:60%;
height:100%;
width:100%;
}
body {
height:5cm;
width:22cm;
/* to centre page on screen
margin-left: auto;
margin-right: auto;*/
}
#table4{
font-size:12px;
font-family:ARIAL;
border:1px solid #fff;
position:relative;
top:-5px;
}
th{
border:1px solid #000;
border-collapse:collapse;
padding:5px;
}
#fn,#dp,#ar{width:110px;font-size:11px;
font-family:ARIAL;}
#fr,#to{width:90px;font-size:12px;
font-family:ARIAL;}
caption{
font-size:100%;
border:1px solid #000;
border-bottom:none;
padding:20px 0 0 0;
text-align:left;
}
#td1{
font-size:12px;
font-family:ARIAL;
background-color:#9cf;
}
#td2{
font-size:12px;
font-family:ARIAL;
background-color:#fcf;
}
img{ page-break-after: always }
</style>
<style type="text/css" >
#fixed {
position: absolute;
top: 0;
left: 0;
width: 10em;
height: 100%;
}
@media print {
input#BTNPRINT{
display: none;
}
}
@media screen{
.imgs1 {
position:absolute;
width:30%;
height:15%;
top:-6px;
left:0;
}
}
#table2 {
position:relative;
/*top:-50px;*/
border:1px solid #000;
font-family:arial,sans-serif;
font-size:60%;
height:100%;
width:100%;
}
body {
height:5cm;
width:22cm;
/* to centre page on screen
margin-left: auto;
margin-right: auto;*/
}
#table4{
font-size:12px;
font-family:ARIAL;
border:1px solid #fff;
position:relative;
top:-5px;
}
th{
border:1px solid #000;
border-collapse:collapse;
padding:5px;
}
#fn,#dp,#ar{width:110px;font-size:11px;
font-family:ARIAL;}
#fr,#to{width:90px;font-size:12px;
font-family:ARIAL;}
caption{
font-size:100%;
border:1px solid #000;
border-bottom:none;
padding:20px 0 0 0;
text-align:left;
}
#td1{
font-size:12px;
font-family:ARIAL;
background-color:#9cf;
}
#td2{
font-size:12px;
font-family:ARIAL;
background-color:#fcf;
}
img{ page-break-after: always }
</style>