Question

虽然几乎没有人支持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是浪费时间，我提前道歉，但这些是客户的要求。

我很感激任何帮助。

更新：当我从width: 100%的{{1}}属性中删除divPage时，上述问题就消失了;但是，这会导致style的{{1}}属性停止工作。（仅限IE6！）

Answer 1

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

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

这对我来说不像典型的IE6问题。这感觉就像一个编码问题，IE6无法通过其年轻浏览器表兄弟的优雅来解决。

CSS窗口调整IE6中的问题

1 个答案: