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

IE6.0

4

1 に答える 1