HTML 동일한 지점에 개체를 유지하는 방법

Question

나는 HTML 웹 페이지가 있으며이 페이지 안에 테이블이 있습니다. 중간 정도의 거리에 배치하려고합니다. (나는이 표를 들고있는 것처럼 보이는 외계인을 배경 이미지로 사용한다.) 나는 절대 위치를 사용했고 예를 들면 :

위쪽 : 20 % 및 오른쪽 : 10 %.

웹 페이지를 업로드하면 한 모니터의 한 지점에 위치하게되고 더 큰 화면 모니터를 사용할 때 테이블이 다른 지점에있게됩니다. 모니터의 크기가 아무리 큰지 상관없이이를 어떻게 방지합니까? 테이블은 여전히 ​​상관없이 하나의 위치에 있습니까? 내 웹 페이지에는 스크롤 막대가 없으므로 스크롤 할 필요없이 모든 것이 하나의 디스플레이에 표시됩니다. 어쩌면 상대 위치 또는 고정 위치 또는 고정 위치를 사용해야합니까? 나도 몰라 어떤 도움을 주셔서 감사합니다

<table style="position: absolute; top:20%; right:10%" width=60% border="1"> 

Answer 1

실제 픽셀 값을 사용해야합니다. 백분율을 사용하기 때문에 화면 크기에 따라 달라집니다. 또한 오른쪽 가장자리가 아닌 왼쪽 가장자리를 기준으로하여 이미지를 배치하십시오.

과 같이 수행

<table style="position: absolute; top:50px; left:100px" width=100px border="1"> 

Answer 2

당신은 다른 해결을 위해 미디어 쿼리를 사용할 수 있습니다. 이것을 확인하십시오. http://css-tricks.com/resolution-specific-stylesheets/