홈>컴퓨터이야기
logo_01.gif


TOTAL ARTICLE : 91, TOTAL PAGE : 1 / 5
구분 웹일반 | 태그-소스 | 제로보드 | 그누보드 |
태그-소스 : 해상도에 따라 변하는 레이어위치 고정하기
 오예    | 2006·12·18 23:35 | HIT : 3,165 | VOTE : 55

그냥 레이어를 삽입하고 그안에 이미지나 플래시메뉴등의 오브젝트를 넣으면

레이어위치가 절대위치로 적용되어 해상도에 따라 다르게 보인다.

이문제를 해결하기위한 방안으로는

부모자식레이어가 있다.

어떤 지식인답변에는 레이어를 자바스크립트로 제어해야 된다던데 !!

부모자식레이어를 활용하는것이 훨씬 간단하고 효과도 좋다 !!

 

방 법 - 레이어안에 레이어를 넣는다.

부모레이어를 만든후 그안에 자식레이어를 하나더 삽입하여 그위에 오브젝트를 얹는 방법이다.

이때 부모레이어의 위치값을 아래와 같은 마이너스로 하고 위치값, 아이디값등은 지워버린다.

중요한것은 부모레이어는 position:relative 자식레이어는 position:absolute 이다.

 

실제 오브젝트를 넣은 자식레이어로 위치를 맞춘다.

이때 레이어위치는 수치값을 넣지 말고 마우스로 레이어를 클릭후 키보드 좌우상하이동키로

화면을 봐가면서 위치를 적당히 조정한다.

** F12(드림위버의경우)를 활용하거나 실제파일을 클릭해서 새로고침 해가면서 봐도 된다. **

 

그이후에 해상도를 조절해보면 해상도가 바껴도 레이어가 움직이지 않는걸 확인할 수 있다.

 

 

** 레이어 **

<div style="position:relative; z-index:1; left: -260px; top: -170px;">
   <div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 262px; top: 170px;">

   이미지나 플래시 오브젝트

   </div>
</div>

샬롬~
난! 자유인...
  
91 제로보드   미니위니 에디터 FAQ  오예 07·10·31 5560 124
90 그누보드   회원 권한 1 밖에 안나올때  오예 08·03·12 5529 101
89 제로보드   여러게시판 최근게시물 통합하여 뽑기 2차 수개 버젼입니다.  오예 04·05·28 5155 389
88 제로보드   제로보드 2009.9.22 보안 취약점 패치  오예 09·09·29 4834 291
87 제로보드   [제로보드]제로보드 최신버전에서 플래시 메뉴 사용할때 새로고침 안되는 문제  오예 04·08·30 4024 299
86 제로보드   제로보드 스팸방지기능(ZM_Crypt 2.0)  오예 09·02·06 3888 191
85 제로보드   제로보드 서버 이전 방법  오예 08·09·19 3763 230
84 제로보드   DQ Revolution 1.8.p9 최근갤러리에 썸네일 불러오기  오예 09·03·20 3699 149
83 제로보드   갤러리에 한글이름 적용하기  오예 09·06·29 3634 217
82 제로보드   제로보드 스팸 차단하기  오예 07·05·03 3584 68
81 태그-소스   원하는 시간부터 재생하는 동영상 태그  오예 10·02·03 3500 179
80 제로보드   GD를 이용하여 썸네일을 제로보드 갤러리에 적용시키기 2  오예 04·05·20 3478 254
79 그누보드   비회원일때 글쓰기 버튼 나오게 하는 방법  오예 08·03·12 3476 147
78 태그-소스   이미지맵 링크 점선 없애기  오예 08·07·11 3468 229
77 제로보드   최근 게시물보기 속도 빠르게 만들기  오예 05·06·02 3370 119
76 태그-소스   [태그]embed 태그의 못든 것  오예 04·10·20 3228 201
75 그누보드   로그아웃 후 메인으로 이동하기  오예 10·03·02 3196 184
태그-소스   해상도에 따라 변하는 레이어위치 고정하기  오예 06·12·18 3165 55
73 웹일반   FTP로 지워지지 않는 파일 삭제방법  오예 09·09·15 3145 192
72 태그-소스   창크기 고정 소스  오예 09·07·14 3129 196
12345
Copyright 1999-2020 Zeroboard / skin by GGAMBO