仅在IE9中右侧居中的浮动徽标

时间:2013-01-30 21:03:22

标签: css internet-explorer-9

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

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

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

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

3 个答案:

答案 0 :(得分:0)

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

.social-header-wrap {overflow:hidden}

答案 1 :(得分:0)

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

答案 2 :(得分:0)

使用时

margin:auto;

你应该说

margin:0 auto;

摆脱margin-left和-right并更改为margin:0 auto;

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

相关问题