IE 6 宽度 = 70% 对于动态数据不起作用的弹出 div
我想在屏幕中央显示一个包含动态数据的弹出 div。我指定高度= 300px 宽度 = 70% 且溢出滚动:y。
在 IE7/IE8 中,div 以指定尺寸正确渲染到屏幕中心,如果数据大小不适合,则会发生滚动。
但在 IE6 中 width = 70% 根本不起作用。 div 宽度根据数据大小而变化。由于它的动态数据不在我们的控制范围内,如果我们追求高分辨率,有时弹出的数据根本不会渲染。
对此有何解决办法?任何意见都将受到高度赞赏。
<div id="outerDiv" class="panelDialog" style="position:absolute; display:none; width:70%;">
<div id="div2" title="Search Provider">
<a href="#" id="href1" title="Close">
<img id="img1" title="Close" alt="Close" />
</a>Search Popup
</div>
<div id="div3">
<div style="height: 300px; overflow-y: scroll;">
<TABLE>
<TR>
<TD width="100%"></TD>
</TR>
</TABLE>
<input type="reset" value="Close" id="btn1" name="nae1" class="commandExButton" />
</div>
</div>
</div>
I want to display a pop div that has dynamic data to the center of the screen. I specified height = 300px
and width = 70% and overflow scroll:y.
In IE7/IE8 the div renders properly to the center of the screen in specified dimensions and scroll occurs if the data size doesn't fit.
But in IE6 width = 70% not working at all. The div width varies as per the size of the data. Since its dynamic data its not in our control and sometimes pop up wont render at all if we go for high resolution.
What will be a fix for this? Any input is highly appreciated.
<div id="outerDiv" class="panelDialog" style="position:absolute; display:none; width:70%;">
<div id="div2" title="Search Provider">
<a href="#" id="href1" title="Close">
<img id="img1" title="Close" alt="Close" />
</a>Search Popup
</div>
<div id="div3">
<div style="height: 300px; overflow-y: scroll;">
<TABLE>
<TR>
<TD width="100%"></TD>
</TR>
</TABLE>
<input type="reset" value="Close" id="btn1" name="nae1" class="commandExButton" />
</div>
</div>
</div>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我认为 IE6 对此感到窒息......从上面的评论
重置作为较低的百分比或作为像素单位,看看问题是否消失。
I think that IE6 is choking on this... from the comments above
<table width="100%">
Reset that as a lower percentage or as a pixel unit and see if the problem disappears.