div 중앙 정렬 div 해상도 관계 없이 화면 중앙 정렬

300x250

div 중앙 정렬 div 해상도 관계 없이 화면 중앙 정렬
div 화면에 고정을 해야 하는 경우가 있다.
여러가지 방법을 사용해보았지만 이보다 막강한 방법은 없는것 같다.
소스는 다음과 같다.



<div style="position:absolute; left:expression((document.body.clientWidth/2)+530); top:459px; width:180px; height:100px; z-index:9; cursor:pointer;">
내용
</div>


화면 해상도의 정중앙을 중심으로 위치를 지정하는 방법인데요 위쪽 붉은색으로 표기 된 부분을 수정해서 원하는 위치에 높으면 됩니다.


만약 화면 중앙에서 우측으로 200px 상단에서 100px 떨어진 곳이라면 +530을 +200 으로 수정 하고 top:459px; 를 top:100px; 로 수정 하시면 됩니다.

만약 우측이 아니라 좌측일 경우는 +530 을 -200 으로 수정 하시면 간단하게 적용이 됩니다.

div 화면 중앙 정렬 또는 화면 고정에 많은 소스들이 있지만 이처럼 막강한 소스는 없는것 같습니다.^^


300x250
이글에는 개 의 댓글이 있습니다. 댓글 확인 ▼

Comments