因特网浏览器问题

我为阿姨的公司创建了我的第一个网站，并且在所有浏览器中，除IE外，它都显示正常。因特网浏览器问题

标地址是http://almazini.96.lt

HTML结构是：

所有的div对齐

<body> 
<div id="wrapper"> 
<div id="page1"></div1> 
<div id="page2"></div2> 
</div> 
</body>

问题到左，而不是在屏幕的中心之中。

我发现了一些关于封装器的CSS属性text-align：center的建议，但它对我不起作用。

现在看起来：

body { 
    background: #f8f8f8 url(../images/bg.png); 
    border-top: 3px solid #7e7e7e; 
    margin: 0; 

} 

#wrapper { 
    position: absolute; 
    left:0; 
    right:0; 
    top: 58px; 
    max-width: 960px; 
    margin: auto; 
    text-align: center; 

} 


#page1 { 
    float:left; 
    left:0; 
    right:0; 
    width: 960px; 
    height: 700px; 
    margin: auto; 
}

你能不能帮我解决这个问题？非常感谢。

另外在IE中联系php表单显示不正确。边框是交叉文本输入表单。

谢谢。

来源

2013-12-08 Almazini

我很抱歉地说，欢迎来到IE-hell。 – span

感谢乐观的队友！ – Almazini

嗨，请查看[我的网站或项目中的某些内容不起作用。我可以只粘贴一个链接吗？]（http://meta.stackexchange.com/q/125997）谢谢！ –

您的#wrapper的CSS规则不正确。如果要在视口中居中放置固定宽度的网站，则不应使用绝对定位。相反，您应该设置宽度并使用margin auto。你在那里一半。

我改变了CSS，它可以在任何地方使用。

#wrapper { 
    max-width: 960px; 
    margin: 60px auto; 
    text-align: center; 
}

这可能是关于其他浏览器没有正确实现规范的更多信息。使用绝对定位将左侧和右侧设置为0意味着包装被拉伸以适应整个视口宽度，而不是最大长度：960规则。绝对定位优先于那里。由于你的内部视图是左移的，它们都保持对齐。所以IE实际上是正确的。

对于您的联系表单，您的CSS中的字段集宽度设置为200px，不像实际的表单内容那么宽。从#contactus字段集规则中删除宽度，您将可以轻松前往。 Chrome再次没有正确地做事。您设置字段集的宽度，但不符合您的规则。如果您添加了一个溢出：隐藏到fieldset规则中，您的表单将刚好夹在右侧。

来源

2013-12-08 22:38:41

谢谢@Chris！你帮了太多忙！ – Almazini

不客气。顺便说一句，当使用IE或任何浏览器时，您可以打开F12工具并检查标记以及CSS规则如何应用于它们。您可以编辑F12工具中的规则并查看它们如何影响您的布局，这非常方便。 –

因特网浏览器问题

回答

相关问题