IE7和IE7 IE6 CSS 错误
我的网站 www.eat.vn 遇到问题。该网站在 Firefox、Chrome、IE8 和 IE8 中运行良好。 IE9 和 Safari，但在 IE6 和 IE7 中，我们的主要设计元素存在问题。
请查看附图，您就会明白选项卡上的堆叠效果不是我想要的。我试图解决这个错误，但无法找到一个不会扰乱其他浏览器中任何内容的解决方案。任何帮助将不胜感激！
I have a problem with our website at www.eat.vn. The site is fine in Firefox, Chrome, IE8 & IE9 and Safari, but in IE6 and IE7 we have a problem with a main design element.
Please see the attached image and you will understand that the stacking effect on the tabs is not what I wanted. I have tried to work around this bug, but can't manage to find a solution which does not mess up anything in the other browsers. Any help would be much appreciated!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
我没有 IE6 或 IE7 来测试这个，所以我有点在黑暗中拍摄。
我的猜测是，问题与选项卡的容器元素有关 (
)。它的样式为float:left;，我认为没有必要；它不需要浮动，因为它旁边没有任何其他元素。然而这个浮动可能会导致 IE6/7 的 bug；看起来这个元素似乎已经决定它的宽度只能与其中一个选项卡一样宽，这会导致选项卡相互包裹在一起。
因此，我建议将
float:left从此容器元素中删除，看看是否有帮助。（当然，其中的选项卡元素仍然应该是浮动的）
I don't have IE6 or IE7 to hand to test this, so I'm shooting in the dark somewhat.
My guess is that the issue is related to the container element for the tabs (
<div id="steps">). This has a style offloat:left;, which I don't believe is necessary; it doesn't need to be floated since it doesn't have any other elements next to it.However this float may be causing the IE6/7 bug; it looks as if this element has decided that it should only be as wide as one of the tabs inside it, which is then causing the tabs to wrap beneath each other.
I would therefore suggest taking the
float:leftaway from this container element, and see if that helps.(The tab elements inside it should still be floated, of course)