IE 6 宽度 = 70% 对于动态数据不起作用的弹出 div

发布于 2024-12-02 22:36:18 字数 989 浏览 1 评论 0原文

我想在屏幕中央显示一个包含动态数据的弹出 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

ㄖ落Θ余辉 2024-12-09 22:36:18

我认为 IE6 对此感到窒息......从上面的评论

动态表格是这样的

data

重置作为较低的百分比或作为像素单位,看看问题是否消失。

I think that IE6 is choking on this... from the comments above

<table width="100%">

the dynamic table is something like this <table width="100%"><tr><td>data</td></tr></table>

Reset that as a lower percentage or as a pixel unit and see if the problem disappears.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文