Html 在IE7中,使用边距自动进行中心对齐不起作用

Html 在IE7中,使用边距自动进行中心对齐不起作用,html,css,internet-explorer-7,Html,Css,Internet Explorer 7,我有一个页脚菜单,它应该在屏幕上水平居中,元素在其中,然后在页脚容器中水平居中(见下图)。除了IE7(这是我们希望支持的IE的最低版本)之外,它在所有浏览器中都可以正常工作。我不明白这为什么不起作用。我在这把小提琴中复制了代码,但是小提琴似乎也没有正确对齐(因此,如果需要,我可以提供指向该站点的链接): 有没有人知道为什么IE7中没有这样的功能?我需要执行IE7特定的黑客攻击吗 在其他人陈述显而易见的事实之前: 是的,我已经在使用margin:auto作为水平边距 是的,我已经声明了我的Do

我有一个页脚菜单,它应该在屏幕上水平居中,元素在其中,然后在页脚容器中水平居中(见下图)。除了IE7(这是我们希望支持的IE的最低版本)之外,它在所有浏览器中都可以正常工作。我不明白这为什么不起作用。我在这把小提琴中复制了代码,但是小提琴似乎也没有正确对齐(因此,如果需要,我可以提供指向该站点的链接):

有没有人知道为什么IE7中没有这样的功能?我需要执行IE7特定的黑客攻击吗

在其他人陈述显而易见的事实之前:

  • 是的,我已经在使用margin:auto作为水平边距
  • 是的,我已经声明了我的Doctype

    jme1988
    
正确显示:

IE7显示器:
您愿意在代码中使用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”似乎不起作用,你给出了标准吗。我不是一个业余爱好者。遗憾的是,这也不起作用,而且不兼容跨浏览器。