Facebook标签应用 - 在IE8中滚动和定位问题

时间:2012-08-16 10:19:40

标签: css facebook internet-explorer tabs

我正在为Facebook页面构建应用程序。它适用于IE以外的所有浏览器。

它有两个问题。首先,定位是完全的。在其他浏览器中,“流派”,“艺术家”和“细节”div在标题图像下都是直线。在IE中,'细节'div增加了大约20个像素。

其次,主要div(白天标记的那些,#friday,#surday,#sunday)不会一直滚动到底部。它应该停止大约120像素。确实很奇怪。

我已经附加了代码,但不幸的是,与页面相比,它在应用程序中呈现的方式不同(关于元素的定位)。同样,我不确定为什么会这样。

我是一个真正的初学者,所以如果其中一些问题不清楚,或者同样糟糕,非常明显,我很抱歉!

以下是代码:https://gist.github.com/5ea583adcbc4eef7558b

1 个答案:

答案 0 :(得分:0)

我假设您正在以“预览模式”查看您的标签,并怀疑Facebook栏位于标签顶部(“预览模式已开启”。只有管理员才能看到此标签的内容。 “)正在搞砸你的position: absolute布局。

我建议您重新安排代码,以便#fridaylistings#saturdaylistings#sundaylistings div位于各自的#friday#saturday#sunday div s。

然后在position: relative#friday上设置div。这将允许您控制每个孩子相对于自己而不是整个页面的位置。请看这里的解释:

http://css-tricks.com/absolute-positioning-inside-relative-positioning/