Div가 IE7의 Reportviewer 콘텐츠로 확장되지 않습니다.

Question

div 태그를 사용하여 ssrs 보고서를 표시하고 있습니다. 2 행 (div)이 있습니다. 두 번째 div는 왼쪽에 버튼을 표시하는 float 스타일을 포함합니다. 첫 번째 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> 

Answer 1

다음 코드는 나를 위해 작동합니다. 위치 :

<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> 

: 높이가 상대적으로 내 문제

코드를 해결