网页在IE6中被切断 [英] Web page is cut off in IE6

问题描述

我在 http://www.dellsvet.com/ 有一个网站，该网站受到在IE6中的错误。该页面只会显示适合在视口中的内容，并且您无法在IE6中向下滚动。我认为我处理的是这里详细介绍的不可滚动内容错误： http://www.positioniseverything.net /explorer/unscrollable.html - 但它不是一个匹配，只要我能找到。我已经修改了一段时间没有结果。

有没有人对这个bug有任何见解？我有一种感觉，这是简单的盯着我在眼睛，但我错过了。

谢谢。

解决方案

你应该考虑不关心IE6，因为它变得越来越罕见。

只需删除 position：relative ，然后 z-index：1 从 #container 。

这样做修复了IE6，我没有注意到IE7 / IE8或Firefox有什么区别。

---

因为我很好：

要修复菜单按钮，请将其添加到您的CSS：

  .ie6 #nav li a {zoom：1; display：inline} 
  

感谢您使用 HTML5 Boilerplate ，你可以很容易地将CSS提交给IE6。

Downs ） ul＃nav li：hover ul 在IE6中工作，可以使用无论如何：hover 。

除了上述问题，IE6中的页面看起来不错。 / p>

I have a site at http://www.dellsvet.com/ which is being affected by a bug in IE6. The page will only show what will fit in the viewport, and you're unable to scroll down in IE6. I thought that I was dealing with the unscrollable content bug detailed here: http://www.positioniseverything.net/explorer/unscrollable.html -- but it's not a match as far as I can find. I've been tinkering with this for a while with no result.

Does anyone have any insight on this bug? I've got a feeling this is something simple staring me in the eye, but I'm missing it.

Thanks.

解决方案

You should consider not caring about IE6 because it's becoming more and more rare. Nevertheless, you asked a question, so I'm going to answer it.

Simply remove position: relative and z-index: 1 from #container.

Doing that fixes IE6, and I did not notice any differences in IE7/IE8 or Firefox.

---

Bonus, because I'm nice:

To fix the menu buttons, add this to your CSS:

.ie6 #nav li a { zoom: 1; display: inline }

Thanks to your use of HTML5 Boilerplate, you have that nice easy way to feed CSS to IE6.

To get (the drop downs) ul#nav li:hover ul working in IE6, you can use Whatever:hover.

Other than the above issues, that page looks fine to me in IE6.

这篇关于网页在IE6中被切断的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！