How can I ensure that all the columns in my reports fit on the page when printed via CSS?

I have some reports that have about 16 columns. How can I ensure that all the columns in these reports show on the printed page?

I have included <a href="javascript:window.print()">Print this page</a>  on each page since the pages are in a frame.

I also know that I have to set the syntax <link rel="stylesheet" href="css/my_print.css" type="text/css" media="print" />

What must I have in my_print.css to ensure that the columns of my reports always print on the printed page?

Thank you
Who is Participating?
Michel PlungjanConnect With a Mentor IT ExpertCommented:
There is nothing you can do in CSS to ENSURE something will print

What you can do is to make the colums 6% wide and they should ATTEMPT to print depending on the width of the content
DeMyuAuthor Commented:
The columns are created via the Gridview control in ASP.NET. I have seen applications that have more columns that mine and I had no problems printing the reports. Surely, there has to be a solution to this problem.
Michel PlungjanIT ExpertCommented:
If the font-size is small enough and the orientation of the page is correct, your are right.

But CSS cannot decide if something is small enough for you. YOU have to decide
DeMyuAuthor Commented:
I am still not sure on how to proceed with this issue.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.