0

我有 energyshop.se，它在 Chrome、IE8-9、Firefox 中看起来不错，但在 IE7 中却没有，因为我的一位朋友注意到了。菜单和页脚不再是水平的，而是垂直的。

我该如何解决这个问题？

这是我在页眉和页脚菜单中的顶部菜单的 CSS：

#main_menu {
font-family:Calibri;
font-size:24px;
background-color:#1ca46e;
height:45px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width:850px;
margin-left:22px;
margin-bottom: -35px;
margin-top: -30px;
top:100px;
}

#main_menu a {
    color:#ffffff;
    height: 10px;
    display: block;
    float: left;
    width: 105px;
    text-align: center;
    margin-top: 8px;
    margin-right: 10px;
    margin-bottom: 0;
    margin-left: 2px;
    background-color:#1ca46e;
    border-top-width: 1px;
    border-right-width: 3px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: none;
    border-right-color: white;
    padding-top: 2px;
    padding-right: 12px;
    padding-bottom: 2px;
    padding-left: 5px;
    font-family: Calibri;
    vertical-align: middle;
    height:28px;
}

#main_menu a:hover {
    color:#555;
}

#main_menu li.current-menu-item a {
    text-decoration:underline;
    font-weight:bold;
    text-shadow: 2px 2px #403F40;
    }

#footer_menu {
    position:relative;
    text-align:center;
    height:75px;
    font-family:Calibri;
    margin-top:25px;
    margin-left:50px;
    color:#9221a6;
    font-size:22px;
    font-weight: bolder;
}
#footer_menu a {
    margin:5px; 
    margin-top:5px;
    margin-bottom:5px;
    color: #9221a6;
    float:left;
}
4

3 回答 3

1

尝试添加“显示：内联；” 到你的页脚..它应该对你有帮助。告诉我，如果不是，我会尝试找出其他东西；）

于 2013-02-13T15:57:17.390 回答
0

似乎您正在使用list-style-type:none;IE7（但不是 8）中的 css 属性，仅删除<li>元素上的项目符号...

尝试添加css属性display:inline;来解决它...

于 2013-02-13T15:55:34.613 回答
-1

根据您网站上的文档<!DOCTYPE html> 类型，我假设您正在使用一些html5仅有的功能。这可能是无法正确渲染
的原因。 解决此问题的一种方法是使用 IE7

http://www.modernizr.com/

祝你好运

于 2013-02-13T15:57:13.120 回答