Everyone here knows the joys of printing on the web. I'm sure this will add to that saga...
Here's some background info: I am generating a financial report on our Intranet (IE 4.01 is our browser client, IIS 4 web server) and they would like to obviously like to view this report on their screen (assume 17" monitor 800x600 video mode) and also be able to print it in landscape mode on a standard sheet of paper. This report would be generated on the fly from an ASP file which I am creating to pull data from an Oracle database to create the report.
Through some experimentation I have found that an 8pt font-size is probably the limit of readability for Screen viewing, while we could go down to 7pt font-size for printed viewing.
The problem is that this report is considerably wider than one screen width (using an 8pt font-size) so I am limited to defining the table by pixels instead of a percentage of the screen. If I use a style sheet to change the font-size based on the media (Print or Screen) the font-size changes but the table dimensions stay the same. Since the table width in pixels is longer than one landscape printed page and does not adjust with the different media, I can't take advantage of the reduced font-size to have more of the report printed on that page.
How do I fulfill this printing need?
The HTML code that I have for this report is below:
<html>
<head>
<title>Brenda Pashak's Complex Report</title>
<style type="text/css" media="Print">
BODY {font-size: 8pt}
.smallprint {font-size: 8pt}
</style>
<style type="text/css" media="Screen">
BODY {font-size: 8pt}
.smallprint {font-size: 8pt}
</style>
</head>
<body>
<div align="left">
<table border="1" cellpadding="0" width="1300" cellspacing="0" class="smallprint">
<tr>
<td colspan="10" width="425" align="center"><p align="center">Current Month</td>
<td width="180" rowspan="4"> </td>
<td colspan="12" width="527" align="center"><p align="center">Year-to-Dat
e</td>
</tr>
<tr>
<td colspan="4" width="194" align="center"><p align="center">at Actual Exchange Rates</td>
<td colspan="4" width="156" align="center"><p align="center">at Budgeted Exchange Rates</td>
<td colspan="2" width="63" align="center"><p align="center">Variance due to Currency</td>
<td colspan="4" width="139" align="center"><p align="center">at Actual Exchange Rates</td>
<td colspan="4" width="175" align="center"><p align="center">at Budgeted Exchange Rates</td>
<td colspan="2" width="73" align="center"><p align="center">Variance due to Currency</td>
<td colspan="2" width="122" align="center"><p align="center">% Change from Prior YTD</td>
</tr>
<tr>
<td width="107" colspan="2" align="center"> </td>
<td colspan="2" width="75" align="center"><p align="center">Variance</t
d>
<td width="87" colspan="2" align="center"> </td>
<td colspan="2" width="57" align="center"><p align="center">Variance</t
d>
<td width="57" colspan="2" align="center"> </td>
<td width="71" colspan="2" align="center"> </td>
<td colspan="2" width="56" align="center"><p align="center">Variance</t
d>
<td width="85" colspan="2" align="center"> </td>
<td colspan="2" width="78" align="center"><p align="center">Variance</t
d>
<td colspan="2" width="73" align="center"> </td>
<td colspan="2" width="122" align="center"> </td>
</tr>
<tr>
<td width="56" align="center"><p align="center">Actual <br>
USD</td>
<td width="51" align="center"><p align="center">% of <br>
Sales</td>
<td width="55" align="center"><p align="center">USD</td>
<td width="17" align="center"><p align="center">%</td>
<td width="47" align="center"><p align="center">Actual <br>
USD</td>
<td width="40" align="center"><p align="center">% of <br>
Sales</td>
<td width="36" align="center"><p align="center">USD</td>
<td width="15" align="center"><p align="center">%</td>
<td width="46" align="center"><p align="center">USD</td>
<td width="11" align="center"><p align="center">%</td>
<td width="32" align="center"><p align="center">Actual <br>
USD</td>
<td width="39" align="center"><p align="center">% of <br>
Sales</td>
<td width="35" align="center"><p align="center">USD</td>
<td width="15" align="center"><p align="center">%</td>
<td width="46" align="center"><p align="center">Actual <br>
USD</td>
<td width="39" align="center"><p align="center">% of <br>
Sales</td>
<td width="33" align="center"><p align="center">USD</td>
<td width="39" align="center"><p align="center">% of <br>
Sales</td>
<td width="46" align="center"><p align="center">USD</td>
<td width="21" align="center"><p align="center">%</td>
<td width="56" align="center"><p align="center">as <br>
reported</td>
<td width="60" align="center"><p align="center">at Current <br>
Year BER</td>
</tr>
<tr>
<td align="right" width="56">xx,xxx.x</td>
<td align="right" width="51">xx.x%</td>
<td align="right" width="55">xx,xxx.x</td>
<td align="right" width="17">xx.x%</td>
<td align="right" width="47">xx,xxx.x</td>
<td align="right" width="40">xx.x%</td>
<td align="right" width="36">xx,xxx.x</td>
<td align="right" width="15">xx.x%</td>
<td align="right" width="46">xx,xxx.x</td>
<td align="right" width="11">xx.x%</td>
<td align="right" width="180"><p align="left">_Business Operating Fixed Expense_</td>
<td align="right" width="32">xx,xxx.x</td>
<td align="right" width="39">xx.x%</td>
<td align="right" width="35">xx,xxx.x</td>
<td align="right" width="15">xx.x%</td>
<td align="right" width="46">xx,xxx.x</td>
<td align="right" width="39">xx.x%</td>
<td align="right" width="33">xx,xxx.x</td>
<td align="right" width="39">xx.x%</td>
<td align="right" width="46">xx,xxx.x</td>
<td align="right" width="21">xx.x%</td>
<td align="right" width="56">xx.x%</td>
<td align="right" width="60">xx.x%</td>
</tr>
<tr>
<td width="56" align="right">xxx,xxx.x</t
d>
<td width="51" align="right">100.00%</td>
<td width="55" align="right">xxx,xxx.x</t
d>
<td width="17" align="right">xxx.x%</td>
<td width="47" align="right">xxx,xxx,x</t
d>
<td width="40" align="right">100.00%</td>
<td width="36" align="right">xxx,xxx.x</t
d>
<td width="15" align="right">xxx.x%</td>
<td width="46" align="right">xxx,xxx.x</t
d>
<td width="11" align="right">xxx.x%</td>
<td width="180" align="right"><p align="left">_Business Operating Fixed Expense_</td>
<td width="32" align="right">x,xxx,xxx.x<
/td>
<td width="39" align="right">100.00%</td>
<td width="35" align="right">xxx,xxx.x</t
d>
<td width="15" align="right">xxx.x%</td>
<td width="46" align="right">x,xxx,xxx.x<
/td>
<td width="39" align="right">100.00%</td>
<td width="33" align="right">xxx,xxx.x</t
d>
<td width="39" align="right">xxx.x%</td>
<td width="46" align="right">xxx,xxx.x</t
d>
<td width="21" align="right">xxx.x%</td>
<td width="56" align="right">xxx.x%</td>
<td width="60" align="right">xxx.x%</td>
</tr>
</table>
</div>
</body>
</html>