我使用的位置是:固定創建如Gmail 聊天窗口它工作correclty在Firefox,但在IE不能做和頁面被鎖定(不滾動)位置:固定在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 http://img141.imageshack.us/img141/5116/41505090.jpg
圖片屬於IE:
IE http://img177.imageshack.us/img177/8265/63936231.jpg
沒有人知道我應該怎麼做才能讓IE瀏覽器像Firefox一樣工作?
首先你應該避免使用表格進行佈局和使用div,它會簡化你的生活 – fmsf 2010-01-06 13:11:02
我不會說簡化你的生活,但它會提高生活質量;) – MysticEarth 2010-01-06 13:13:12
IE版本測試過嗎? – AnthonyWJones 2010-01-06 13:15:12