묻고답하기
레이어 무조건 중앙에 위치할순없나요..?
2005.04.13 22:07
NZEO랑 네이버에서 검색해봤는데 제가 원하는것을 딱히 찾을수가 없더라구요-_-;;;;
제가 원하는건; 해상도에 상관없이 언제나 레이어가 화면 정중앙에 위치하는것을 원합니다;
관련강좌나 팁,소스있으면 링크해주시면 감사하겠습니다;
제가 원하는건; 해상도에 상관없이 언제나 레이어가 화면 정중앙에 위치하는것을 원합니다;
관련강좌나 팁,소스있으면 링크해주시면 감사하겠습니다;
레이어.style.pixelLeft = (document.body.clientWidth/2)-(레이어.offsetWidth/2)+document.body.scrollLeft;
레이어.style.pixelTop = (document.body.clientHeight/2)-(레이어.offsetHeight/2)+document.body.scrollTop;
</script>
테스트는 안해봤습니다...-_-;;
대충 설명드리자면..
레이어.style.pixelLeft 레이어가 브라우저 왼쪽에서 얼마나 떨어졌느냐..입니다.
레이어.style.pixelTop 레이어가 브라우저 위쪽에서 얼마나 떨어졌느냐..입니다.
document.body.clientWidth 방문객 브라우저의 넓이 입니다.
정확히 하자면
현재 스크립트는 방문객의 브라우저로 다운로드되어 실행되므로 해상도는 당연히 방문객의 해상도가 기준이됩니다.
document.body 문서의 몸체가 차지한 영역중 넓이를 가져오는 겁니다.
clientHeight 는 높이 설명 동일
레이어.offsetWidth
레이어가 차지한 영역중 넓이 입니다. 높이는 offsetHeight 입니다.
document.body.scrollLeft
현재 문서의 스크롤상태중 왼쪽에서 오른쪽방향으로 얼마나 움직였느냐 입니다.
결론으로다가..
방문객의 브라우저 정중앙점을 구해
레이어의 정중앙점을 브라우저 정중앙점으로 옮기는 겁니다.
레이어가 들어있는 문서 가장 하단에 넣어주면 됩니다.