Question

我使用position：fixed来创建像gmail这样的聊天窗口它在firefox中有效，但不在IE中，页面被锁定（不滚动）

html代码如下：

<div align="center" style="font:14px BNazanin,Arial" >
    <form wicket:id="chatForm" style="position:fixed; bottom:0; right:5">
        <table width="175" border="3">
            <tr align="right" >
                <td colspan="2">
                    <!--Window tools-->
                    <table>
                        <tr>
                            <td>
                                <a wicket:id="minimizeLink" style="text-decoration:none">
                                    <img wicket:id="minimizeImage" src="minimize.jpg" width="15" height="15">
                                </a>
                            </td>
                            <td>
                                <a wicket:id="closeLink" style="text-decoration:none">
                                    <img wicket:id="closeImage" src="close.jpg" width="15" height="15">
                                </a>
                            </td>
                        </tr>
                    </table>

                </td>
            </tr>
            <tr>
                <td align="left">
                    <a wicket:id="friendLink" style="text-decoration:none">
                        <img wicket:id="friendImage" src="friend.gif" width="40" height="40">
                    </a>
                </td>
                <td align="center">
                    <!--User Data-->
                    <span wicket:id="friendName"></span>
                </td>
            </tr>
            <tr>
                <td colspan="2" align="right">
                    <!--Incoming and outgoing messages-->
                    <form wicket:id="messageReapeatorForm">
                        <div wicket:id="messageRepeator">
                            <span wicket:id="message"></span>
                        </div>
                    </form>
                </td>
            </tr>
            <tr style="width:200px">
                <td colspan="2">
                    <!--Message Field-->
                    <!--<textarea wicket:id="textArea" id="textArea" style="width:100%" rows="1" cols="10" onKeyUp="DetectKey(this)"></textarea>-->
                    <!--<input wicket:id="textValue" name="textValue" type="hidden">-->
                    <input type="text" wicket:id="textArea" />
                </td>
            </tr>
        </table>
    </form>
</div>

下面的图片属于firefox：

下面的图片属于IE：

有谁知道我该怎么办才能使IE像firefox一样工作？

Answer 1

在版本7之前，IE不支持

position：fixed。有一些解决方法，很容易googlable：

Answer 2

除了Roy Tang给出的回答：

我认为您可以采取的最佳步骤是查看一些有关如何正确和语义标记的书籍/网站，之后如何做一些正确的样式。我个人不会直接设置Form，因为这不是元素的目的。

位置：在IE中修复

2 个答案: