IE边界打破导航

时间:2008-10-24 01:25:27

标签: css internet-explorer

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

导航栏链接列表的边框应用于每个元素的左侧。

在fireforx / safari中,这与导航栏背景匹配,但在IE中,边框/元素在导航栏下方溢出(边框伸出底部)。

编辑:此外,导航栏是IE中蓝色标题的整个长度,当它应该只有它内部的导航链接一样大! ARG!

有什么想法吗?感谢。

图片:

它在ie6中的表现如何:

ie6 sucking http://plwd.co.uk/rangers/images/ie6.jpg

应该如何看待:

alt text http://plwd.co.uk/rangers/images/firefox.jpg

2 个答案:

答案 0 :(得分:2)

尝试去除锚标签上的高度规则,并使用顶部/底部边距/填充以确保它们填充空间。当你不试图强化元素的高度时,我发现使用浮点数的CSS更容易。

答案 1 :(得分:1)

这不是边界做的 - 它是线高。你的导航锚从#header继承“line-height:2em”。尝试将锚点(或其父LI或UL)上的线高设置为较小的值 - 可能是1.5em左右 - 然后用锚点上的一些顶部填充来弥补差异