cssprintingprint-style

Media print issue in in portrait mode


I have this form, which i print in order to do my work.

Now, the issue is, in the portrait mode, it gets minimized, i mean it looks small, like half of the page of an A4 Letter, while in landscape mode it looks just fine.

Here is my media print css:

@media print  {
textarea{
        border:none;
    }
textarea#difekti {
padding-bottom:40px;
border:none;
    }
#menu-home { display:none }
#status-print { display:none }
#submit-f {display:none};
#MainContent {
    display: block;

}
#tab1 table, td, th {
  border: 1px solid red;   
}

#tab1 thead {
  float: left;   
}


#tab1 thead th {
  display: block;   
  background: yellow;
}

#tab1 tbody {
  float: right;   
}
#programi {
    display:none;
}
#kursor {
    display:none;
}
#adresa { }
* {position:static !important;}

}

Any suggestion? Besides, i have issues with IE too. Can i create an additional media print for IE? Thanks


Solution

  • You should change this to a separate CSS file and link it to your HTML document using media="print" at the bottom most of any CSS link.

    <link rel="stylesheet" type="text/css" media="print" href="path/to/your/css" />
    

    This will also help you avoid the issue with IE.