我的网站似乎在Google Chrome浏览器上运行得很好,但是当它在Firefox或IE浏览器中查看时,它的排列方式完全不合适。请有人帮我解决这个问题。 提前完成。
该网站的链接是:
firefox / IE的问题在于3个盒子没有在中间对齐。 在chrome中它与中心对齐,这正是我想要的。
此致
答案 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实际上并没有多少包装,所以我假设你在某个地方错过了一个结束标签!