IE边框打破导航答案

【问题标题】：IE borders breaking navigationIE边框打破导航
【发布时间】：2010-09-18 22:23:02
【问题描述】：

IE 6 中的另一个问题...link

导航栏链接列表的每个元素的左侧都有一个边框。

在 fireforx/safari 中，这与导航栏背景相匹配，但在 IE 中，边框/元素溢出到导航栏下方（边框伸出底部）。

编辑：另外，导航栏是 IE 中蓝色标题的整个长度，而它应该只与其中的导航链接一样大！啊！

有什么想法吗？谢谢。

图片：

在 ie6 中的样子：

它应该是什么样子：

【问题讨论】：

【解决方案1】：

不是边框在做，而是行高。您的导航锚从#header 继承“line-height: 2em”。尝试将锚点（或其父 LI 或 UL）上的线高设置为更小一些 - 可能是 1.5em 左右 - 然后用锚点上的一些顶部填充来弥补差异

【讨论】：

【解决方案2】：

尝试摆脱锚标签上的高度规则，并使用顶部/底部边距/填充来确保它们填满空间。当您不尝试对元素强制高度时，我发现使用浮点数的 CSS 会容易得多。

【讨论】：

你绝对正确的克里斯。我为链接元素设置了一个高度，IE6 忽略了它，但其他浏览器用来裁剪边框。我用 margin-bottom:-4 替换了 height:26 ，这具有相同的效果，但适用于所有浏览器。感谢您的帮助。
此外，通过将圆角的 div 浮动到左侧来修复超长的导航栏。结案
很高兴它成功了。我没有安装 IE6 来试用它，但我也很怀疑。