水平对齐在Firefox和IE中不起作用

时间:2011-03-29 10:10:28

标签: html css cross-browser alignment

我的网站似乎在Google Chrome浏览器上运行得很好,但是当它在Firefox或IE浏览器中查看时,它的排列方式完全不合适。请有人帮我解决这个问题。 提前完成。

该网站的链接是:

firefox / IE的问题在于3个盒子没有在中间对齐。 在chrome中它与中心对齐,这正是我想要的。

此致

3 个答案:

答案 0 :(得分:1)

您的内容框是内联块;并向左浮动。

使其阻止display:block,与中心margin:0 auto;对齐并移除浮动。 我认为这应该有所帮助。

和其他方框一样

答案 1 :(得分:0)

你有一个打开/关闭div的错误嵌套的情况。

您需要在

之后注释掉</div>
<!-- .. END OF THE CONTENT .. -->

评论。

当您的HTML出现问题时,每个浏览器都会尝试修复它,但是采用非标准化方式。

答案 2 :(得分:0)

如果您将style.css中的#frontcontent-container规则缩减为:

#frontcontent-container {
    margin: 0 auto;
    width: 960px;    
}

应该做的伎俩。问题是你向左浮动并显示为内联块。此外,您似乎已经两次包含样式表。

哦,你的标记似乎有些问题 - 包装器div实际上并没有多少包装,所以我假设你在某个地方错过了一个结束标签!