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