0

我有一个流体宽度的网站,其标志位于标题区域的中心。无论窗口大小如何,徽标都位于中心。适用于除 ie9 以外的所有浏览器。在ie9中它卡在右边。如果我能把它卡在左边那将是一个好的妥协,但右边不会这样做。我最好的猜测是 ie9 不支持 css 代码:

.logo { width:100%; position:relative; } .logo img { margin-left:auto; margin-right:auto; display:block; }

这是网站http://www.cyberdefenselabs.org/

任何人都知道 ie9 的解决方法,它不会影响其他浏览器或涉及剧烈的重新编码?

4

3 回答 3

0

上面的人是正确的 - 你有没有正确清除的浮动。但是您应该在进行样式更改之前整理您的布局,因为您有 3 次相同的主菜单,但其中 1 个隐藏了,1 个(第一个)带有白色链接。简单地删除第一个主菜单(带有“social-header-wrap”类的 div)也可以解决问题。

于 2013-01-30T22:04:19.017 回答
0

使用时

margin:auto;

你应该说

margin:0 auto;

去掉 margin-left 和 -right 并改为 margin:0 auto;

此外,包含元素需要是 text-align:center ,您可以通过将 text-align:left 放在要居中的元素中来撤消它。

于 2013-01-31T00:10:09.107 回答
0

您的.social-header-wrap元素包含未正确清除的浮动元素。添加此样式:

.social-header-wrap {overflow:hidden}
于 2013-01-30T21:08:10.330 回答