2008-10-24 94 views
2

另一个问题在IE 6 ... linkIE边界断裂导航

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

在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

+0

它在IE 7中看起来很好 - 你使用IE 6吗? – 2008-10-24 01:31:00

+0

顺便说一句,IE 6很臭 - 我现在正在处理与它有关的主要问题,因为我们必须支持它以及IE 7. Barf! – 2008-10-24 01:38:43

+0

好的,我把这个对话带回来,所以Nakkisormi可以删除他的答案。 IE7看起来不错,IE6是个烂摊子。 – PeterL 2008-10-24 01:56:10

回答

2

尝试获得的锚标签摆脱高度规则,并使用顶部/底部边距/填充物来确保填充空间。当你不试图强调元素的高度时,我发现CSS使用浮动更容易。

1

这不是边界 - 它是线条高度。您的导航锚正在从#header继承“line-height:2em”。尝试设置锚点(或其父母的LI或UL)上的线路高度为较小的东西(可能是1.5em左右),然后弥补锚点上的一些顶部填充差异