IE8 CSS并发症

时间:2010-01-18 19:41:13

标签: css internet-explorer-8

问候,

我有一个PHP网站,从今年年初开始工作正常。然后为IE8发布了一个补丁,导致我不得不发生故障。

这是一个已知问题还是一个孤立的问题?

我的主要问题源于尝试将标题锁定到位,同时允许主体可以滚动:

position: fixed;
overflow: scroll;
top: 135px;
left: 0px;

我的一位同事也遇到了和我一样的问题。

非常感谢任何协助。

谢谢,

Jordan Trulen

.belt
{
    position:fixed;
    top: 0px;
    left:0px;
}
.header-table
{
    position:fixed;
    top:65px;
    width:100%;
}
.header
{
    position:fixed;
    height:40px;
    width:98%;
    top:95px;
}
.body
{
    position:fixed;
    overflow:scroll;
    height:74%;
    width:99%;
    top:135px;
}

2 个答案:

答案 0 :(得分:2)

你没有给我们任何HTML或链接,看看是什么。

但使用position:fixedposition:absolute确实存在重大差异。

  • 当您不希望容器随页面滚动时使用固定,但无论您滚动剩余页面多少,都会保留在该位置。这对于应始终可见的标题非常有用。
  • 如果您希望将相关联的与周围内容相关联,则应使用绝对值。

你在overflow:scroll;容器中使用fixed,只有极少数情况才有意义。我认为你的问题是overflow:scroll;在错误的标签上。它只与该标签的内容有关,该内容仅限于容器的宽度和高度(您甚至没有指定!)。如果内容溢出该宽度和高度,则会在容器上插入滚动条。

答案 1 :(得分:1)

为什么你在“内容”区域使用固定位置(我认为“内容”区域在标题上滚动没有多大意义)?请改为将position: fixed;应用于标题。