0

I'm just starting out with trying to build a website and I'm having a bit of trouble editing an already existing CSS file. I have it so that in chrome the menu is centred but in internet explorer it is left aligned - I want it always central.

The website is http://rkalbanart.co.uk/

Is there a quick fix for this? I've tried googling but with my simpletons knowledge everything goes quite far over my head!

4

4 回答 4

1

您display: table;用于对齐此菜单，该属性不适用于 Internet Explorer 7 http://caniuse.com/css-table

所以你不应该支持 IE7 或者改变你做菜单的方式到我下面的例子

CSS：

#main-menu-center-border:before,
#main-menu-center-border:after {
    content: " "; /* clearfix hack */
    display: table; /* clearfix hack */ 
}
#main-menu-center-border:after {
    clear: both; /* clearfix hack */
}
#main-menu-center-border {
    *zoom: 1; /* clearfix hack for IE6/IE7 */
}
#main-menu-center-border {
    max-width: 426px;
    display: block; /* instead of display: table */
}
于 2013-09-11T13:57:43.487 回答
0

不适display: table用于.main-nav，IE7 不支持。

在这个问题上查看更多信息

于 2013-09-11T13:57:03.330 回答
0

如果你想保持垂直对齐，你可以保留display:table它，但对于 IE7，你需要为 div id="main-menu-center-border" 应用宽度，否则它将假定为 100% 宽度，这不会居中。

#main-menu-center-border { max-width:430px; }

编辑：更改为 max-width 以支持响应式样式。或者使用width:430px.

于 2013-09-11T14:00:32.687 回答
-3

我认为您使用的是旧版本的资源管理器。所以你需要使用更新版本的资源管理器，称为版本 10。它在 chrome 和资源管理器 10 中看起来相同。只需签入资源管理器 10。它在版本 10 中完美运行。

于 2013-09-11T13:56:31.207 回答