요즘은 공지사항이나 참고사항을, 새창으로 띄우기보다는 레이어를 통해 출력하는데...
레이어 위치를 중앙으로 잡아야 하는경우가 많죠
크게보면... 두가지 방법이 존재하는데

1. 레이어의 크기와 body의 크기를 알아내서 top과 left의 값을 조정한다.
2. 테이블의 크기를 100%로 하고 정렬을 이용해서 잡는다.
랄까?

가장 제대로 하려면 1번방법이 좋고,
간단히 기냥 좌우 정렬을 중앙으로 간단히 한다면
오히려 테이블을 이용한 방법이 더 좋음. (편하니까)

우선 예제는 pageload시와 resize시 모두 해당 펑션을 불러내는데~
resize시 호출을 빼면 최초 로딩할때만 중앙에 띄웁니다

참 예외처리는 안한소스니까...
레이어의 width나 height없을때 처리는 추가해줘야하셈.

.


+ Recent posts