IE8 的 CSS 菜单问题 - 调试

发布于 2024-11-27 08:42:14 字数 687 浏览 1 评论 0原文

这是此页面上的一个简单的CSS菜单。它在Chrome中运行良好。这是我正在使用的相关CSS。

ul#list-nav {
    clear:both;
    list-style:none;
    margin:0 0px;
    padding:0;
    width:100%;
}
ul#list-nav {
    list-style:none;
    margin:0px;
    padding:0;
    width:100%;
}
ul#list-nav li {
    display:inline
}
ul#list-nav li a {
    text-decoration:none;
    padding:5px 0;
    width:16.62%;
    background:#754C78;
    color:#eee;
    float:left;
    text-align:center;
    border-left:1px solid #fff;
}

这主要是宽度的问题，但右侧最后两个单元格也发生了一些奇怪的事情，因为它们稍微倾斜了？

我很感激任何建议。

谢谢你，

塔拉

原文

It's a simple css menu on this page. It works fine in Chrome. This is the relevant CSS that I'm using.

ul#list-nav {
    clear:both;
    list-style:none;
    margin:0 0px;
    padding:0;
    width:100%;
}
ul#list-nav {
    list-style:none;
    margin:0px;
    padding:0;
    width:100%;
}
ul#list-nav li {
    display:inline
}
ul#list-nav li a {
    text-decoration:none;
    padding:5px 0;
    width:16.62%;
    background:#754C78;
    color:#eee;
    float:left;
    text-align:center;
    border-left:1px solid #fff;
}

It's mainly a problem with the width, but also something strange happening with the last two cells in the right since they're dipping slightly?

I appreciate any suggestions.

Thank you,

Tara

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

失与倦＂ 2024-12-04 08:42:14

删除宽度并为 padding-left 和 padding-right 添加 38px

ul#list-nav li a {
background:#754C78 none repeat scroll 0 0;
border-left:1px solid #FFFFFF;
color:#EEEEEE;
float:left;
padding:6px 38px;
text-align:center;
text-decoration:none;
}

remove the width and adding 38px for padding-left and padding-right

ul#list-nav li a {
background:#754C78 none repeat scroll 0 0;
border-left:1px solid #FFFFFF;
color:#EEEEEE;
float:left;
padding:6px 38px;
text-align:center;
text-decoration:none;
}

回复收藏 0 原文

~没有更多了~