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

【问题标题】：Dropdown navigation li width not 100% in IE7IE7 中的下拉导航 li 宽度不是 100%
【发布时间】：2011-10-11 08:37:56
【问题描述】：

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

苦苦尝试（但失败）在jsFiddle 上获得一个工作示例（不幸的是，实时站点需要登录，所以我无法发布直接链接）真的很难了解发生了什么。 ..但我有点希望这是一个相当普遍的问题（尽管在谷歌上呆了很长时间，我还没有找到解决方案），有人可以帮忙。再次为 Sharepoint 生成的非常简单和优雅的代码道歉；）

谢谢！

(CSS) Sharepoint's default stylesheet

(CSS) my own custom stylesheet

Firefox vs IE7 comparison shot

【问题讨论】：

这太棒了，谢谢，但不幸的是我只有 Firefox 和 IE8 在工作 - 两者看起来都很好！我会在大约 10 小时后到家时截取屏幕截图......对不起:(
已经更新了 Firefox 中最终导航的图像，看起来基本一样，但每个项目都只有文本那么长...如果有意义吗？
你应该做一个JS Bin 演示。复制受影响页面的整个 HTML。将所有 CSS 复制到 <style></style> 元素中。确保演示在 Firefox 中正常运行 - 如果可以，您可以假设它会在 IE7 中与实际页面一样被破坏。
非常感谢，但是由于 jsFiddle 发生的事情看起来确实不正确，所以嗯...comint.glos.nhs.uk/jsna/jsna/Pages/default.aspx（它不会长时间可见）
我在那个网站上看不到问题。你真的需要隔离问题并制作 jsfiddle 演示。顺便说一下你上面的评论，你知道IE8可以切换到IE7模式来测试它，对吧？

标签： css sharepoint navigation width html-lists

【解决方案1】：

不是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 错误叫什么，但它可以工作:)

玩得开心！

【讨论】：