홈>컴퓨터이야기
logo_01.gif


TOTAL ARTICLE : 91, TOTAL PAGE : 1 / 5
구분 웹일반 | 태그-소스 | 제로보드 | 그누보드 |
웹일반 : 해상도에 따라 변하는 레이어 위치 고정하기
 오예    | 2012·08·16 19:12 | HIT : 891 | VOTE : 33
방 법 - 레이어안에 레이어를 넣는다.

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

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

중요한것은 부모레이어는 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>

[출처] PARTNER114 - http://www.partner114.com/bbs/board.php?bo_table=B57&wr_id=8

샬롬~
난! 자유인...
  
91 태그-소스   태그가 적용되지 않게 하는 태그  오예 18·01·10 207 21
90 그누보드   그누보드 최고관리자 추가  오예 18·12·11 332 18
89 제로보드   mysql 4.1에서 제로보드의 호환성 문제 해결  오예 16·01·15 356 30
88 그누보드   그누보드 이미지 리사이즈  오예 15·07·30 469 34
87 그누보드   DHTML 에디터 이미지 새창으로 안뜨게 하려면  오예 15·05·17 479 49
86 태그-소스   video 태그  오예 14·06·19 757 30
웹일반   해상도에 따라 변하는 레이어 위치 고정하기  오예 12·08·16 891 33
84 그누보드   코멘트 줄간격 조정  오예 12·09·03 907 40
83 그누보드   그누보드 이미지 클릭시 팝업창 뜨는 문제  오예 13·04·24 1052 49
82 태그-소스   플래시에 레이어창 위로 올라오게 하기  오예 11·10·04 1090 43
81 웹일반   플래시 위에 레이어 팝업창 띄우기  오예 12·11·09 1172 39
80 웹일반   onfocus="this.blur()"  오예 11·08·22 1287 58
79 태그-소스   플래시 object태그(배경 투명)  오예 11·08·22 1332 43
78 태그-소스   이미지맵에서 롤오버 만들기  오예 11·07·31 1496 50
77 제로보드   특정 회원사진 출력 안되는 문제  오예 06·05·01 1674 58
76 태그-소스   Style sheet 사용법  오예 06·04·15 1695 66
75 제로보드   [PHP]게시판에서 문자열 자르기 함수  오예 05·11·16 1807 66
74 제로보드   최근 게시물을 나타내는 원리와 방법  오예 06·05·27 1810 77
73 제로보드   회원사진 리사이즈  오예 05·09·14 1830 90
72 웹일반   자신의 홈페이지 트래픽 알아내기  오예 06·04·05 1842 78
12345
Copyright 1999-2020 Zeroboard / skin by GGAMBO