Div不会增长到IE7中的Reportviewer内容

时间:2013-08-05 10:00:54

标签: asp.net html internet-explorer-7 reportviewer

我正在使用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>

1 个答案:

答案 0 :(得分: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>