代碼:
<table style="background-color: ; overflow: hidden; height:100%; width: 100%; vertical-align:top;">
<tr style="">
<td style="height: 100%;">
</td>
<td>
<rsweb:ReportViewer ID="ReportViewer1" runat="server" Font-Names="Verdana"
Font-Size="8pt" InteractiveDeviceInfos="(集合)" WaitMessageFont-Names="Verdana"
WaitMessageFont-Size="14pt" style="width:100%; overflow:hidden;">
<LocalReport ReportPath="D:\wwwroot\reportNew\RDLC\rdlc_temple\rdlc.rdlc">
</LocalReport>
</rsweb:ReportViewer>
</td>
</tr>
</table>
顯示問題:在ff和IE8下,會在報表上部顯示一片空白區域,影響美觀,如圖:
解決辦法:
1、去掉紅色字體的style設置,即 height:100%;
<table style="background-color: ; overflow: hidden; height:100%; width: 100%; vertical-align:top;">
<tr style="">
<td style="height: 100%;">
</td>
<td>
<rsweb:ReportViewer ID="ReportViewer1" runat="server" Font-Names="Verdana"
Font-Size="8pt" InteractiveDeviceInfos="(集合)" WaitMessageFont-Names="Verdana"
WaitMessageFont-Size="14pt" style="width:100%; overflow:hidden;">
<LocalReport ReportPath="D:\wwwroot\reportNew\RDLC\rdlc_temple\rdlc.rdlc">
</LocalReport>
</rsweb:ReportViewer>
</td>
</tr>
</table>
2、直接使用div作為容器
<div id="mainPanel" style="background-color: ; border-left:1px solid scrollbar; overflow: hidden; height: 100%;">
<rsweb:ReportViewer ID="ReportViewer1" runat="server" Font-Names="Verdana"
Font-Size="8pt" InteractiveDeviceInfos="(集合)" WaitMessageFont-Names="Verdana"
WaitMessageFont-Size="14pt" style="width:100%; overflow:hidden;">
<LocalReport ReportPath="D:\wwwroot\reportNew\RDLC\rdlc_temple\rdlc.rdlc">
</LocalReport>
</rsweb:ReportViewer>
</div>
如圖: