Element 仅在 IE8 上被砍掉 - 有人接受吗?
我的网站 http://bit.ly/aokA4I 右上角有一个搜索栏。
您可以在 IE7、FF、Chrome、Safari 上看到它,但在 IE8 上看不到。它被砍掉了。
顺便说一句,如果你碰巧在 IE8 上看到它,只需刷新页面,它就会崩溃。
如果我在兼容模式下运行 IE8,搜索栏就会变得可见。
有什么想法如何解决这个问题吗?
谢谢!!
My site http://bit.ly/aokA4I has a search bar on the top right.
You can see it on IE7, FF, Chrome, Safari -- but not on IE8. It gets chopped off.
BTW if you happen to see it on IE8 just refresh the page and it will chop.
If I run IE8 on compatibility mode the search bar becomes visible.
Any ideas how to solve this?
Thanks!!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
这是因为 IE8 正在解释其父容器的性质:header_widget_1。此元素的大小调整或格式设置导致
元素被过早剪裁。如果您有 Google Chrome,您可以右键单击您要询问的侧边栏元素,然后选择“检查元素”。这将向您展示元素正在做什么。
编辑: IE7 中还有一个相当大的水平滚动条。
编辑2:
您可以尝试将
#header
元素的高度更改为您想要的高度。由于高度未在 sidebar 类中表示,这也可能导致该问题。It's because IE8 is interpreting the nature of its parent container: header_widget_1. The sizing or formatting of this element is causing the
<li>
element to be clipped prematurely. If you have Google Chrome, you can right click the sidebar element you're asking about and choose "Inspect Element". This will show you what the elements are doing.Edit: You also have a sizable horizontal scrollbar in IE7.
Edit 2:
You might try altering the height of your
#header
element to be the height you want. Since height is not expressed in the sidebar class, this may also be contributing to the problem.