gpt4 book ai didi

IE6 中的 CSS 窗口大小调整问题

转载 作者:行者123 更新时间:2023-11-28 14:24:45 24 4
gpt4 key购买 nike

虽然几乎没有人再支持 IE6,但我的任务是设计一个 IE6 兼容的网页。

代码如下:

<body style="background-color: #ccccdd;">
<form id="form1" runat="server"
style="margin: 0px 80px 0px 80px;
background-color: #f1f1f1;">
<div id="divPage" style="width: 100%">
<div id="divSelectOption" runat="server">
<div id="divInstruct" style="float: left;
position: relative;
display: inline-block;">
Select your gender:
</div>
<div style="margin-left: 10px;
display: inline-block;">
<asp:RadioButton ID="rbFemale" runat="server" style="display: block;"
Text="Female" GroupName="grpGender" Checked="true" />
<asp:RadioButton ID="rbMale" runat="server" style="display: block;"
Text="Male" GroupName="grpGender" />
</div>
</div>
</div>
</form>
</body>

问题是:

如果用IE6浏览器打开页面(无论是最大化还是恢复(指窗口只覆盖部分屏幕时)),都正常显示。

但是,如果在浏览器最大化时加载页面,然后用户将其最小化,divInstruct 会一直被推到窗口的右侧。

如果您觉得支持 IE6 是浪费时间,我提前表示歉意,但这是客户的诉求。

如果有任何帮助,我将不胜感激。

更新: 当我从 divPagestyle 属性中删除 width: 100% 时,上述问题离开了;但是,这会导致 form1margin 属性停止工作。 (仅在 IE6 中!)

最佳答案

我建议仔细检查您的外部 css 文件,如果将无效的选择器传递给 IE6,它会忽略其后的所有内容。

此外,请确保您正在应用 css 重置,以便在每个浏览器中从相同的 css 状态开始。

我觉得这不像是典型的 IE6 问题。感觉像是一个编码问题,IE6 无法用它年轻的浏览器表兄弟的优雅解决。

关于IE6 中的 CSS 窗口大小调整问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8112483/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com