0

我正在尝试使页面居中。页面以 chrome 和 FF 居中显示。IE 将所有内容推向左侧。我感到困惑的是，我对多个页面使用了 1 个样式表，其中一些页面在所有浏览器中都是正确的。最好的猜测是我在页面上设置的样式生成了不正确的格式。

唯一可行的解​​决方案是如果我应用 a text align: center，但这是不可行的，因为它们已经在正文中出现了其他几种文本样式。

我尝试通过将 边距 margin: 0 更改 margin: 10px auto 0; 为 .container{width:auto;}.container{width:900px;}

我在此处附加了一个 jsfiddle，但我不确定它是否有助于识别问题，因为它看起来居中。http://jsfiddle.net/thetylercox/p6ENV/

当前的问题就在这里。 http://www.redwirelogic.com/index.html 当我发现问题时，我会更新小提琴以显示问题和解决方案。

4

2 回答 2

1

所以这里的问题：

#wrapper { width:100%; overflow:hidden; margin-left:auto; margin-right:auto; }

/* Wrapper Sub Elements */
.w-main { width:1004px; margin:0 auto; overflow:hidden; }

基本上，您正在创建一个与当前窗口宽度相同的“包装器”。1004px然后，您创建一个具有自动左/右边距的设置宽度的子元素。

这会碰到窗口最左边的原因是因为您的#wrapper元素是文本左对齐的。

您应该做的是简单的事情，例如：

#wrapper { width:100%; overflow:hidden; margin-left:auto; margin-right:auto; 
        text-align:center; } // <-- that 

/* Wrapper Sub Elements */
.w-main { width:1004px; margin:0 auto; overflow:hidden; 
         text-align:left;} // <----and this
于 2013-02-01T19:28:35.023 回答
1

您处于怪癖模式。将您的文档类型更改为类似

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

或者

  <!DOCTYPE HTML>

并且无需对齐中心。这也将解决您在 IE 中的许多其他问题。

于 2013-02-01T19:34:11.240 回答