Asp.net 滚动条没有';t滚动IE7中的div内容(IE8兼容性)
我在IE7(我指的是IE8兼容模式)中遇到了一个奇怪的问题,Asp.net 滚动条没有';t滚动IE7中的div内容(IE8兼容性),asp.net,internet-explorer-7,Asp.net,Internet Explorer 7,我在IE7(我指的是IE8兼容模式)中遇到了一个奇怪的问题,div中的滚动条出现在its内容的后面。它位于一个jQueryUI模态对话框中,占据了屏幕的大部分,里面有很多东西。div包含一个ASP:Repeater,它以网格样式布局呈现自定义行 div的完整标记如下所示: <div style='max-height:250px; overflow-y:scroll; border:1px solid #AAAAAA; border-top-width:0; margin-left:aut
div
中的滚动条出现在its内容的后面。它位于一个jQueryUI模态对话框中,占据了屏幕的大部分,里面有很多东西。div包含一个ASP:Repeater
,它以网格样式布局呈现自定义行
div的完整标记如下所示:
<div style='max-height:250px; overflow-y:scroll;
border:1px solid #AAAAAA; border-top-width:0; margin-left:auto;
margin-right:auto;'>
<asp:Repeater ID="myRepeater" runat="server">
<ItemTemplate>
<asp:Panel ID="pnlItem" runat="server" style='padding-top:5px;
padding-bottom:5px; position:relative;'>
.....
</asp:Panel>
</ItemTemplate>
</asp:Repeater>
</div>
.....
下面是问题的屏幕截图。覆盖垂直滚动条的灰色是通过pnlItem
上的类设置的交替背景色。下面的文字(“H.S.Gym”)是中继器底部pnlItem
的一部分。此外,当我移动其中一个滚动条时,直到我移动模式对话框,内容才会移动
我不知道在这里该怎么办。这似乎是一个真正的随机渲染错误,将有一个同样随机的解决方案。谷歌没有任何帮助。这是怎么回事
编辑2011年10月7日:我通过在div上设置一个显式宽度来解决重叠滚动条的问题。现在垂直滚动条在IE7中正确显示,但当我使用它滚动时,内容的滚动位置不会更新,直到我通过标题栏抓取模式并在浏览器屏幕内移动它。我已经更新了这个问题的标题以反映这一点。结果表明,问题出在每个中继器项根上的
pnlItem
控件上的位置:相对。在IE7中,这会导致滚动条不工作。我有了这个设置,所以我可以在每个pnlItem
中使用一些布局内容,但我最终做了不同的事情,因此能够删除该样式属性并使其工作