창 크기를 조정할 때 물체가 계속 움직이지 않게하려면 어떻게합니까?

나는 CSS와 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

http://www.difgropliego.comze.com/diflogin.html는 당신이 그 (것)들을 화면에 표시 유지 아래와 같은 비율을 사용하려고 시도하는 경우 ... 사이트입니다 :

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

출처

2013-05-13 21:09:11

창 크기를 조정할 때 물체가 계속 움직이지 않게하려면 어떻게합니까?

답변

관련 문제