为什么这些ul不会在IE7中正确浮动?

时间:2012-08-06 19:03:29

标签: css internet-explorer-7

我正试图让这个菜单在IE7中运行。我把每个虫子都压扁了但是这个。 当您悬停列表项时,弹出的抽屉内的UL将不会正确地相互浮动。如果您查看Chrome中的页面,那就是我之前设置CSS的方式(显示内联块等)。那也没用,所以我试着把它们漂浮起来。

浮动左侧修复了我在每个li的左侧有额外文本缩进的问题,但是ul仍然无法正常浮动。

有没有人有任何想法?

http://playground.willpracht.net/megaMenu.html

1 个答案:

答案 0 :(得分:0)

重做您的代码以删除尽可能多的>选择器尽你所能。他们正在努力处理所有事情。这就像给所有东西一个id,并使更重要的东西更长,更长。 老实说,我会有sub-div而不仅仅是菜单,因为你让第一个li看起来像标题,但在语义上使它们与所有其他链接没有区别。内部链接的实际标题更具语义感。例如,有一个名为tools的链接,然后其余的兄弟链接是......工具。

无论如何,当浮动东西时,看看你的宽度。我看到很多元素都没有声明宽度。在IE中,使用浮点数,这很重要。我会设置sub-divs的宽度(如果你愿意,可以在em中),然后设置内部浮动ul子元素的宽度。它们的组合宽度不应该等于100%。例如,如果div的宽度为140px,请不要在每个宽度为70px的情况下尝试两个浮动的ul,即使它应该适合,并且在大多数浏览器中也是如此。

我有一些示例超级菜单,如果你想看,但有很多已经在那里,我不相信我有一个浮动ul在子菜单。