【问题标题】:Position:fixed and margin:0 auto not working in IE位置:固定和边距:0 自动在 IE 中不起作用
【发布时间】:2011-11-17 08:49:25
【问题描述】:

我用 HTML 和 CSS 编写了一个网站。

在这个网站上,我曾多次使用margin: 0 autoposition:fixed 这两个属性。

问题是该网站在除 IE 8+ 之外的任何现代浏览器中都能正确显示。

我发现的另一个问题是标题和浏览器窗口之间不应该有空格。同样,这只发生在 IE 上。

此问题通常与 IE 的 quirks 模式有关。但是在这种情况下,我正确设置了文档类型<!DOCTYPE html>

您可以查看该网站的链接是:http://juancarlosoleacañizares.es/index.php?page=0

我更喜欢不使用 JavaScript 的解决方案。

【问题讨论】:

  • 您的 URL 不会在 FF 中打开,即使删除 n 行也是如此。
  • 谢谢,我已将域名更改为国际形式

标签: html css internet-explorer margin fixed


【解决方案1】:

您的文档类型之前有非空格字符。 doctype 应该是文档中的第一件事。因为这个 IE 认为元标记和其他头部元素在你的身体内。

在 IE9 中打开开发者工具 (F12) 即可看到。

w3 validator 也会告诉你的。显然它是一个字节顺序标记(BOM),应该省略。

学习使用这些工具是件好事。它们对于调试此类问题至关重要。

【讨论】:

  • 但是我怎样才能摆脱那个 BOM,因为我用 notepad++ 将所有文档保存为“UTF-8 without BOM”并且它仍然出现
  • 可能不是 BOM,或者是不正确/损坏的 BOM。这可能是 Notepad++ 不删除它的原因。也许您可以手动删除它,或使用其他编辑器来完成此特定任务。我也经常使用记事本++,以前没有遇到过这个问题。
猜你喜欢
  • 2014-03-31
  • 2011-12-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-02-11
  • 2012-05-09
  • 1970-01-01
相关资源
最近更新 更多