Html 在IE7中,使用边距自动进行中心对齐不起作用
我有一个页脚菜单,它应该在屏幕上水平居中,元素在其中,然后在页脚容器中水平居中(见下图)。除了IE7(这是我们希望支持的IE的最低版本)之外,它在所有浏览器中都可以正常工作。我不明白这为什么不起作用。我在这把小提琴中复制了代码,但是小提琴似乎也没有正确对齐(因此,如果需要,我可以提供指向该站点的链接): 有没有人知道为什么IE7中没有这样的功能?我需要执行IE7特定的黑客攻击吗 在其他人陈述显而易见的事实之前:Html 在IE7中,使用边距自动进行中心对齐不起作用,html,css,internet-explorer-7,Html,Css,Internet Explorer 7,我有一个页脚菜单,它应该在屏幕上水平居中,元素在其中,然后在页脚容器中水平居中(见下图)。除了IE7(这是我们希望支持的IE的最低版本)之外,它在所有浏览器中都可以正常工作。我不明白这为什么不起作用。我在这把小提琴中复制了代码,但是小提琴似乎也没有正确对齐(因此,如果需要,我可以提供指向该站点的链接): 有没有人知道为什么IE7中没有这样的功能?我需要执行IE7特定的黑客攻击吗 在其他人陈述显而易见的事实之前: 是的,我已经在使用margin:auto作为水平边距 是的,我已经声明了我的Do
- 是的,我已经在使用margin:auto作为水平边距
- 是的,我已经声明了我的Doctype
jme1988
您愿意在代码中使用CSS黑客吗?如果是这样的话,您可以在每个浏览器的CSS实现中使用已知错误来定位特定的IE版本。看 例如:
body {
color: red; /* all browsers, of course */
color : green\9; /* IE8 and below */
*color : yellow; /* IE7 and below */
_color : orange; /* IE6 */
}
在为要居中的元素使用绝对宽度时,使用以下方法是较旧的Internet Explorer的一种变通方法:
div.center{
width:1024px;
left:50%;
margin-left:-512px;
}
另外:您是否声明了doctype?填充似乎对非块元素不起作用,因此我不得不使用:
display: block;
强制IE7接受样式。如果你看了我小提琴中的代码和标题,“margin:auto”似乎不起作用,你给出了标准吗。我不是一个业余爱好者。遗憾的是,这也不起作用,而且不兼容跨浏览器。