布局，ie6中的绝对位置问题

时间：2013-07-04 19:05:54

标签： css scroll chat internet-explorer-6

我正在尝试制作类似于即时消息传递类型界面的东西。

该页面具有以下要求：

  • 页面已修复（不滚动）
  • 顶部固定横幅
  • 包含聊天消息的中心可滚动面板
  • 底部的固定div，包含输入的文本区域

这是标记：

<body>
<div id="container">
    <div id="banner"></div>

    <div id="content">
    <div id="messageAndControlContainer">

        <div id="messageContainer">
            <div id="message">
                <p>chat message</p><p>chat message</p><p>chat message</p><p>chat message</p><p>chat message</p><p>chat message</p>
                <p>chat message</p><p>chat message</p><p>chat message</p><p>chat message</p><p>chat message</p><p>chat message</p>
                <p>chat message</p><p>chat message</p><p>chat message</p><p>chat message</p><p>chat message</p><p>chat message</p>
                <p>chat message</p><p>chat message</p><p>chat message</p><p>chat message</p><p>chat message</p><p>chat message</p>
                <p>chat message</p><p>chat message</p><p>chat message</p><p>chat message</p><p>chat message</p><p>chat message</p>
            </div>

        </div>
        <div id="control">
            <textarea>enter your message</textarea>
        </div>

    </div>
    </div>

</div>

</body>

这是JSfiddle：http://jsfiddle.net/bzMfe/1/

这在现代浏览器中运行良好（如在JSFiddle中），但在ie6中它完全搞砸了。有什么想法吗？

Chrome 27.0

IE 6.0

1 个答案:

答案 0 :(得分：0)

使用表达中间面板的表达式解决了这些消息。

#message {
  height:expression(document.body.clientHeight-170);
  width:expression(document.body.clientWidth-40);
}
相关问题
最新问题