简体繁体 English

IE7和IE6在使用无序列表（多余的空格等）进行导航时遇到了麻烦

[英]IE7 and IE6 are giving trouble with navigation using an unordered list (extra spacing etc.)

原文 2010-02-05 22:06:21 2 2 html/ css/ internet-explorer-6/ internet-explorer-7

Hey guys! 大家好！ I feel like I have gotten a good grasp on IE6 and 7 recently, but today I was working on a site and I just seem unable to fix this problem. 我觉得我最近对IE6和7有了很好的了解，但是今天我正在一个网站上工作，我似乎无法解决此问题。

http://arboroaks.bythepixel.com/tyrone/ http://arboroaks.bythepixel.com/tyrone/

Check it out in Firefox and Chrome and IE8. 在Firefox，Chrome和IE8中进行检查。 All looks good! 一切看起来不错！ But then, go into IE7 and some extra padding gets added, as well as the links have to be clicked on the text for it to work. 但是，然后进入IE7，添加一些额外的填充，以及必须在文本上单击链接才能使其正常工作。

Then open in IE6 for even more problems. 然后在IE6中打开更多问题。

If anyone has some pointers that would be great; 如果有人有一些建议，那就太好了； I'm pulling my hairs out here! 我在这里拔头发！

** Update ** I think it has to do with there only being a "line-height: 1.4em;" **更新**我认为这仅与“行高：1.4em”有关。 on the a. 在一个 No set height for the a. 没有设置高度。

ps. ps。 I know people will say FU IE6; 我知道人们会说FU IE6； no one develops for that anymore...but unfortunately my clients want it to work for that 10% of users. 没有人为此而开发了……但不幸的是，我的客户希望它能为那10％的用户使用。

2 个解决方案

Unfortunately I don't have IE7 to test, but have you tried to play with the padding and margin attributes of the li element? 不幸的是，我没有要测试的IE7，但是您是否尝试过使用li元素的padding和margin属性？

I usually reset the styles of all element's padding margins spacings etc... to 0, and add some style rules that a need 我通常将所有元素的填充边距间距等的样式重置为0，并添加一些需要的样式规则

Sounds like you are experiencing the IE double padding bug. 听起来您正在体验IE双重填充错误。 Try setting each submenu element to display: inline-block . 尝试将每个子菜单元素设置为display: inline-block 。