2010-01-06 99 views
2

我使用的位置是:固定創建如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一樣工作?

+0

首先你應該避免使用表格進行佈局和使用div,它會簡化你的生活 – fmsf 2010-01-06 13:11:02

+1

我不會說簡化你的生活,但它會提高生活質量;) – MysticEarth 2010-01-06 13:13:12

+1

IE版本測試過嗎? – AnthonyWJones 2010-01-06 13:15:12

回答

5

位置:固定不被IE之前的版本支持7.有變通辦法,容易googlable

-2

除了回答鄧忍了:

我認爲最好的步驟中,您可以採取,是查看一些關於如何正確標記和語義標記的書籍/網站,之後如何做一些適當的樣式。我個人不會直接設計Form,因爲這不是元素的目的。

+0

爲什麼我的評論被拒絕? :P – MysticEarth 2010-01-12 15:25:38