IE7职位固定问题Doctype无法修复

刚刚完成一个网站，并有位置问题：固定在IE7上。我谷歌搜索了它，并尝试了不同的文档类型，但固定区域仍然在IE7上移动。IE7职位固定问题Doctype无法修复

我还没有IE7，但客户端的工作人员有它，我可以看到使用在线IE浏览器渲染器/测试仪的问题。

我已经从测试网站中删除了.htaccess，因此您可以看到网站/代码。

任何建议或帮助，将不胜感激。

2011-07-21 Burni

/offtopic：您可能会对我下载IE测试器http://www.my-debugbar.com/ietester/install-ietester-v0.4.10.exe感兴趣，测试不同版本的IE。该程序崩溃了一段时间，但它是值得的我想如果你想支持IE浏览器。不，我不是股东:) – PeeHaa

有一个<div>和<ul>元素，它们都有id="logo-nav"。他们都设置了position:fixed和其他一些属性。我认为这是主要问题。删除重复的ID，仅为<div>元素设置position:fixed，然后我们可以调查问题（或问题应该最好消失）。

如果您有更新版本的Internet Explorer，可以通过单击兼容性视图按钮或在开发人员工具中选择IE7文档模式来模拟IE7。

编辑：我注意到你还没有为#logo-nav设置left属性。我不知道为什么IE7计算其他浏览器的默认位置，但简单地为我添加#logo-nav { left: 225px }作品。

来源

2011-07-21 15:47:30 duri

兼容模式是好的，但请记住它不是一个真实版本的IE7的100％准确的副本。对于IE7中页面的精确呈现，最好使用IETester（如上面注释中所推荐的） – Spudley

我已经重命名了ul并更改了一些css来摆脱相对位置。绝对的位置是有'黑客'的文字链接到一边。然而，这似乎并没有解决IE7问题。我现在在Mac上工作，所以我正在使用远程测试IE浏览器（不理想，我知道）。 – Burni

@Burni我编辑了我的答案。 – duri

在你的CSS试试这个：

* html idorclasshere { 
position: absolute; 
}

注：与无响应的DIV的你，好了，ID或类替换“idorclasshere”（不用担心，由于星号，其他浏览器除了IE不会看到它，将它与您的“位置：固定”样式结合使用）。

来源

2011-07-21 18:04:40

抱歉，安德烈斯，你能为我澄清一点吗？这应该在相同的CSS规则（＃logo-nav）还是单独的规则？（* html logo-nav）？是否需要html位，并且我的ID是否需要前面的'＃'？ – Burni

你可以在你的主样式表中将它贴在任何你喜欢的地方，作为一个单独的规则（即“* html＃logo-nav {position：absolute}”）..原因在于IE对待位置：固定和你需要对其进行破解以使其行为正常。这里是一个有一个实例的网站; http://ryanfait.com/position-fixed-ie6/ –

IE7职位固定问题Doctype无法修复

回答

相关问题