0

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

该页面具有以下要求：

  • 页面是固定的（它不滚动）
  • 顶部固定横幅
  • 中心的可滚动面板，包含聊天消息
  • 底部的固定 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 中它完全搞砸了。请问有什么想法吗？

铬 27.0

IE 6.0

4

1 回答 1

0

使用中间面板的表达式解决，其中包含消息。

#message {
  height:expression(document.body.clientHeight-170);
  width:expression(document.body.clientWidth-40);
}
于 2013-07-06T12:50:15.357 回答