HTML
Javascript
Flash Actionscript
PHP
mySQL
ASP
MS-SQL
Linux
Others
Ziwoo Board
Portfolio
About
Javascript
작성  2009-12-10 05:24:13   추천: 69   조회: 3662
제목  중앙정렬 홈페이지에 레이어 좌표맞추기
이름(ID)  지우 (ziwoo)
홈페이지는 중앙정렬인데 해당된 레이어가 absolute인 경우,
사용자별 화면넓이나 혹은 중간에 창크기를 변경할때 등등..
레이어의 좌표를 보정해줘야할때 사용되는 스크립트입니다.
간단한 스크립트지만 너무나도 자주 쓰이는 스크립트이므로 이곳에 적어둡니다.

지우넷 홈페이지의 유일한 레이어는 우측에 스크롤따라 움직이는 [Top]버튼입니다.
그 [Top]버튼의 Left 좌표에 적용된 스크립트입니다.

<script language="JavaScript">
<!--
function setX() {
    if(document.body.clientWidth>800){
        document.getElementById('absoluteDiv').style.left = document.body.clientWidth/2 - 800/2 + 20 + "px";
    }else{
        document.getElementById('absoluteDiv').style.left = 20 + "px";
    }
}
if(window.addEventListener) window.addEventListener("load", setX, false);
else if(window.attachEvent) window.attachEvent("onload", setX);
if(window.addEventListener) window.addEventListener("resize", setX, false);
else if(window.attachEvent) window.attachEvent("onresize", setX);
//-->
</script>
<body style="margin:0px">
    <center>
        <table border="0" style="margin-top:50px;">
            <td><img src="http://www.ziwoo.net/sample_img/img19.jpg" width="800" height="500"></td>
        </table>
        <div id="absoluteDiv" style="position:absolute; top:70px; left:20px; border:1px solid #FFFFFF;">
            <img src="http://www.ziwoo.net/sample_img/thumb/img5.jpg"></div>
    </center>
</body>
번호 제목 이름 날짜 추천 조회
중요 위지윅(WYSIWYG) 웹에디터 입니다.[28]파일 지우 2006-09-23 141 19944
55 제이쿼리(JQuery)를 활용한 라디오, 체크박.. 지우 2017-07-05 15 3635
54 최근 메일서비스 리스트 지우 2016-06-26 16 7631
53 IE 버전 구분 정규식 지우 2013-07-07 36 8065
52 자바스크립트로 스타일 제어하기 지우 2011-12-15 58 23255
51 attachEvent, addEventListener 활용 지우 2011-12-07 41 8440
50 Drag&Drop을 이용한 진열순서 변경파일 지우 2011-11-19 49 27073
49 비밀번호 입력형식 변환 지우 2011-11-16 29 2584
48 페이드 효과 및 로테이션파일 지우 2011-11-10 29 2991
47 이메일 유효성 정규식 - 자바스크립트 지우 2011-06-03 40 3831
46 < tab1 tab2 tab3 tab4 tab5 >[3] 大道 2011-02-05 37 3561
45 함수명을 변수로 해야할 때 지우 2010-04-11 52 5049
44 달력 - 날짜입력기(Date Picker)파일 지우 2010-04-11 62 16336
43 중앙정렬 홈페이지에 레이어 좌표맞추기 지우 2009-12-10 69 3662
42 자바스크립트 이벤트 핸들러 (Event Handl.. 지우 2009-11-13 53 3179
41 날짜 더하기 & 시간 더하기 함수 지우 2009-10-31 56 9431
40 동적테이블 TR 추가 지우 2009-10-31 57 3299
39 IE 설계변경 패치 했는데요...왜 안되는지...[2]파일 최혜경 2008-06-11 68 4778
38 지우님... 도와주세요.. ㅜ_ㅜ[2] 김영필 2008-01-11 78 3216
37 정규식이용 특정문자만 변환 (콜백함수 사.. 지우 2007-08-25 89 5676
[1][2][3]
제목 내용 이름  
ziwooboard v1.0
Contact Phone Number
Bank Account number
ns1.ziwoo.net (211.115.222.24)
ns2.ziwoo.net (211.115.222.24)
Naver BLOG : http://blog.ziwoo.net
Family Homepage : http://home.ziwoo.net
Copyright ⓒ 2006 By Ziwoo.net All right reserved. Administrator.ziwoonet@naver.com