Question

我的website通过了XHTML和CSS的验证。它在Firefox，Chrome，Safari，Opera甚至IE 6中都很好看（唉，不是IE 5.5，但是谁在乎？）。为什么然后，IE 7中的所有内容都会被推到左边？任何建议都会非常感激。

Answer 1

当我制作一个居中的页面时，我会执行以下操作;

设置“页面”-div的宽度并修复边距并将内容置于正文中。

#page {
  width: 900px;
  margin: 0 auto;
  text-align: left;
}

body {
  text-align: center;
}

在所有浏览器中，我一直都很好......

Answer 2

在<body>的所有内容中放置另一个div，并在该div上设置边距和宽度样式，而不是在身体本身。在text-align: center;上设置<body>。

<body> <!-- text-align: center -->
    <div id="container"> <!-- width 960px, margin 30px auto, text-align: left, position: relative -->
        <div id="nav"></div>
        <div id="page"></div>
        <div id="preload"></div>
    </div>
</body>

Answer 3

这是因为你对body / html元素进行定位这是完全错误的，并且在所有浏览器上看起来都不一样。请参阅：http://www.sitepoint.com/blogs/2009/02/11/styling-the-html-and-body-elements/

只需使用包装元素 - 永远不要定位身体。

CSS - 仅在IE 7中将内容推送到左侧

3 个答案: