0

div タグを使用して ssrs レポートを表示しています。2行(div)あります。2 番目の div には、左側にボタンを表示するフロート スタイルが含まれています。最初の div には、レポートを表示するためのレポート ビューが含まれています。これは、IE7 を想定するすべてのブラウザーで、レポートの内容に従って増加します。

アップデート:

レポートビューアーのコンテンツに成長していないのは div だけです。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 に答える