IE7 中下拉导航 li 宽度不是 100%

发布于 2024-12-09 07:58:13 字数 675 浏览 0 评论 0原文

我正在 Sharepoint 中创建一个网站,但下拉导航有问题...在 IE7 中,li 宽度未设置为 100%,老实说,它看起来非常愚蠢。

痛苦地尝试(但失败了)在 jsFiddle 上获得一个有效的示例(不幸的是,实时网站需要登录,所以我无法发布直接链接)真的很难了解正在发生的事情......但我有点希望这是一个相当常见的问题(尽管经过了一系列愚蠢的操作之后)时间谷歌,我还没有找到解决方案)有人可以帮忙。再次对 Sharepoint 生成的非常简单而优雅的代码表示歉意;)

谢谢!

(CSS) Sharepoint 的默认样式表

(CSS) 我自己的自定义样式表

Firefox 与 IE7 对比截图

I'm creating a site in Sharepoint and have a problem with the dropdown navigation... in IE7 the li width is not setting to 100% and honestly it looks pretty stupid.

Having tried (and failed) miserably to get a working example on jsFiddle (unfortunately the live site needs a login, so I can't post a direct link) it's really hard to get an idea of what's going on... but I was kinda hoping this was a fairly common problem (although after a silly amount of time on Google, I've not found a solution) that someone can help with. Apologies again for the very simple and elegant code generated by Sharepoint ;)

Thank you!

(CSS) Sharepoint's default stylesheet

(CSS) my own custom stylesheet

Firefox vs IE7 comparison shot

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

扫码二维码加入Web技术交流群

发布评论

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

评论(1

凌乱心跳 2024-12-16 07:58:13

错误的不是 li 的宽度,而是从 coreV4.css 继承 OOTB 样式的超链接,

将其添加到您的自定义 CSS 文件中。

.s4-tn ul.dynamic li a
{
    min-width: auto;
    zoom: normal;
}

在 Win7 机器上的 IE 7、8、9、FF、Chrome 和 Safari 上进行了测试。
我不知道这个 CSS bug 叫什么,但它确实有效:)

玩得开心!

It's not the li's width which is wrong it's the hyperlink inheriting OOTB styles from coreV4.css

Add this to your custom CSS file.

.s4-tn ul.dynamic li a
{
    min-width: auto;
    zoom: normal;
}

Tested this on IE 7, 8, 9, FF, Chrome and Safari on a Win7 box.
I don't know what this CSS bug is called but it works :)

Have fun!

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文