固定定位问题Firefox; IE也是

时间:2010-11-23 19:01:27

标签: css smooth-scrolling css-position

this page位置的Firefox中,与smooth-scroll.js一起修复的位置完美无缺。

在Firefox中的this page上,右侧导航栏不会显示它被截断的所有导航项目。

如何解决?使用CSS?

同样在IE 6到8中使用固定定位打破了网站。

欣赏任何想法和建议。

4 个答案:

答案 0 :(得分:1)

  1. .rightside-position一个bottom值:ie:bottom: 40px将阻止它被切断。

  2. IE 6(可能是7)不理解位置:已修复。试试这个:http://ryanfait.com/resources/fixed-positioning-in-internet-explorer/

答案 1 :(得分:0)

隐藏的导航元素似乎存在,但您只是将它们放在页面之外,这样即使向下滚动它们也会隐藏起来。

这可能不是你想听到的,但没有JavaScript的复杂性,我认为这里的实际解决方案是摆脱这个位置:完全修复。它似乎没有任何强大的可用性目的。另一个解决方案可能是减少<li>元素之间的间距以提取列表,但如果此列表将来会增长,这将无法永久解决。

答案 2 :(得分:0)

您的设计不允许该区域固定定位,因为太多的导航项目将从页面延伸并变得无法访问。

你可以收紧sidenav项目之间的间距(这可能仍然不适用于1024 x 768屏幕),或者你可以删除固定位置并让它像平常一样滚动。

答案 3 :(得分:0)

您需要浏览46个HTML错误和16个CSS错误的列表。