@media print css issue

Question

I have added media print css like this

@media print
{
    div#file1 {
        height: 100%!important;
        overflow: scroll;
    }
}

Problem is that it is working fine in firefox but not in chrome while printing. it doesn't take height in chrome. WHen i try to give min-height: 100% to div then it is working but print only visible area not after scroll.

Answer 1

You have specified you want a scrollbar on your div as well as the one normally on the browser and this can be done as:

 @media print { 
       div#file1{ 
           height: 100%!important; 
           overflow: -moz-scrollbars-vertical;
           overflow-y: scroll;
           overflow-x: hidden;
        } 
 }

This would resolve your issue