0

我正在使用 div 标签来显示 ssrs 报告。有 2 行（div）。第二个 div 包含浮动样式以在左侧显示按钮。第一个 div 包含用于显示报告的报告视图。这会根据报告中的内容在所有浏览器（期望 IE7）中增长。

更新：

只有 div 不会增长到 reportviewr 内容。我已经用 div 内的原始内容进行了测试。它在 IE7 中运行良好。但它不适用于 Reportviewer 内容。

代码：

<div id='divMain' class='maincontent'>
<rsweb:ReportViewer ID="reportViewerControl" runat="server" DocumentMapWidth="100%" CssClass="fixScrollBarBug"
    Height="100%" ProcessingMode="Remote" Width="100%" AsyncRendering="false" ShowCredentialPrompts="False"
    InteractivityPostBackMode="AlwaysSynchronous" SizeToReportContent="false" ShowPageNavigationControls="True"  >
</rsweb:ReportViewer>
</div>
   <div style="float: right; padding-left: 10px; padding-top: 5px; padding-bottom:5px; padding-right: 10px">
<telerik:RadButton ID="btnReportClose" runat="server" TabIndex="5" CausesValidation="false"
    Width="55px" Height="29px">
    <Image ImageUrl="btn_Close_Default.png" HoveredImageUrl="btn_Close_Over.png"
        PressedImageUrl="btn_Close_Hit.png" IsBackgroundImage="true" />
</telerik:RadButton>
</div>

<style type='text/css'>
.maincontent
{
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.fixScrollBarBug div div div
    {
        overflow: hidden;
    }
</style>
4

1 回答 1

2

以下代码适用于我。位置：相对于高度解决了我的问题

代码：

<style type='text/css'>
.maincontent
{        
    width: 100%;
    height:100%;
    overflow:auto;
    position:relative;
}

</style>
<div id='divMain' class="maincontent" >
<rsweb:ReportViewer ID="reportViewerControl" runat="server" DocumentMapWidth="100%" CssClass="fixScrollBarBug"
Height="100%" ProcessingMode="Remote" Width="100%" AsyncRendering="false" ShowCredentialPrompts="False"
InteractivityPostBackMode="AlwaysSynchronous" SizeToReportContent="false" ShowPageNavigationControls="True"  >
</rsweb:ReportViewer>
</div>
<div style="float: right; padding-left: 10px; padding-top: 5px; padding-bottom:5px; padding-right: 10px">
 <telerik:RadButton ID="btnReportClose" runat="server" TabIndex="5" CausesValidation="false"
Width="55px" Height="29px">
<Image ImageUrl="btn_Close_Default.png" HoveredImageUrl="btn_Close_Over.png"
    PressedImageUrl="btn_Close_Hit.png" IsBackgroundImage="true" />
 </telerik:RadButton>
 </div>
于 2013-08-06T06:04:58.027 回答