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>
Member Avatar for LastMitch

in firefox every thing seems to be in one page but for ie and chrome not working please check the attachement

The @media print doesn't work on certain browsers:

http://www.codestyle.org/css/media/print-BrowserSummary.shtml

The link will tell you which code works with which browsers.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.