如何在調整窗口大小時保持對象不動？

我正在使用CSS和HTML ...一切看起來都很好，但當我重新調整窗口時，文本框和按鈕移出位置。當窗口被調整大小時，我希望所有的東西都留在原地。幫助..我嘗試使用類似於其他地方所建議的包裝，但我認爲即時通訊要麼做錯了，要麼不起作用。如何在調整窗口大小時保持對象不動？

這裏是網站，所以你可以得到什麼IM談論更好的抓地力... http://www.difgropliego.comze.com/diflogin.html

<html> 
<head> 
    <style> 
    #wrapper { 
     width: 800px; 
     margin:0 auto; 
    } 

    body { 
     background-color:black; 
     background-image:url(diflogin.png); 
     background-repeat:no-repeat; 
     background-position:center top; 
     margin:0 10% 0 10%; 
     padding:0 0 0 0; 
     border:0 0 0 0; 
    } 

    #user { 
     position:absolute; 
     left: 306px; 
     top: 455px; 
    } 

    #contra { 
     position: absolute; 
     left: 904px; 
     top: 455px; 
    } 

    #web-buttons-idgi5a2 { 
     position: absolute; 
     left: 1023px; 
     top: 601px; 
    } 

    #web-buttons-idgi5a2 a { 
     display:block; 
    } 

    #web-buttons-idgi5a2 a:hover { 
     background-position:left bottom; 
    } 

    a #web-buttons-idgi5a2a { 
     display:none 
    } 
    </style> 
</head> 
<body> 
    <div id="wrapper"> 
     <label for="user"></label> 
     <input type="text" name="user" id="user" /> 
     <label for="contra"></label> 
     <input type="text" name="contra" id="contra" /> 

     <table id="web-buttons-idgi5a2" width=0 cellpadding=0 cellspacing=0 border=0> 
      <tr> 
       <td style="padding-right:0px" title ="INGRESAR"> 
        <a href="#" title="INGRESAR" style="background-image:url(buttoning.png);width:160px;height:61px;display:block;"><br/></a> 
       </td> 
      </tr> 
     </table> 
    </div> 
</body> 
</html>

來源

2013-05-13 user2379317

您輸入，如果你希望他們留在屏幕上顯示嘗試使用比例如下圖所示：

#user{ 
    position:absolute; 
    left: 10%; 
    top: 20%; 
}

來源

2013-05-13 21:09:11

如何在調整窗口大小時保持對象不動？

回答

相關問題