Why properties inside @media print (div) not working?

• 

  indhumathikrishnan18 · Member · Jun 18, 2018 at 4:22 am

  • Copy link
  • Add topic to favorites

  I have set the crystal report in my website all the pages to be shown continuously, and when printing it i want to break the pages according to the division. I don’t know what is wrong with my code, it isn’t working in any browser. Here is the code inside the css, for @media print.

  @media print 
  {
  
  body{display: block;}
  
  .css-element {
  overflow: visible !important;
  position: relative;}
  	
  .my-floated-elements {
  float: none !important;}
  
  div#CrystalReportViewer1_ctl01 > div
  {
      page-break-inside:avoid; 
  	page-break-after:always;	
  }
  
  table{background-color: lightblue;}
   	
  /*.header img {float:none;}*/
  	.header .logo { float:none;}
  	.header .rightcol img {float:none;}
  	
  	h4{margin:0;}
  	bold{margin:0;}
  
  	.save-and-print {display:none}
  	.save-print-image {display:none}
  	.save-button {display:none}
  	.print-button {display:none}
  
  }

  Here is the is wht I’ve included as link in the .aspx:

  
  <link rel="stylesheet" href="../css/style.css" type="text/css" media="print"/>
  <link rel="stylesheet" href="../css/style.css" type="text/css" media="screen"/>

  To know the division, I checked the inspect element (google chrome) and took the id of the division (CrystalReportViewer1_ctl01)

  What I have tried:

  I have tested the @media print by setting the background color of the report, and it worked. Please help me, thank you.

• 

  kokkieh · Staff · Jun 18, 2018 at 9:16 am

  • Copy link

  Hi there,

  On what site are you working? The account you’re using to post here does not own any sites on WordPress.com and was only created a few hours ago.

  If you’re using the open source WordPress software at another host, please ask for help at https://wordpress.org/support/ instead.