位置:在IE中修复

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:

firefox http://img141.imageshack.us/img141/5116/41505090.jpg

以下图片属于IE:

IE http://img177.imageshack.us/img177/8265/63936231.jpg

有谁知道我应该怎么做让IE像firefox一样工作？

Answer 1

位置:在版本7之前的IE不支持fixed.有变通方法,很容易googlable: