홈>컴퓨터이야기
logo_01.gif


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

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

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

중요한것은 부모레이어는 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·12·11 50 2
90 태그-소스   태그가 적용되지 않게 하는 태그  오예 18·01·10 144 12
89 제로보드   mysql 4.1에서 제로보드의 호환성 문제 해결  오예 16·01·15 299 20
88 그누보드   그누보드 이미지 리사이즈  오예 15·07·30 420 30
87 태그-소스   video 태그  오예 14·06·19 697 27
86 그누보드   DHTML 에디터 이미지 새창으로 안뜨게 하려면  오예 15·05·17 419 33
85 그누보드   그누보드 이미지 클릭시 팝업창 뜨는 문제  오예 13·04·24 995 42
84 웹일반   플래시 위에 레이어 팝업창 띄우기  오예 12·11·09 1115 35
83 그누보드   코멘트 줄간격 조정  오예 12·09·03 856 34
웹일반   해상도에 따라 변하는 레이어 위치 고정하기  오예 12·08·16 844 31
81 태그-소스   플래시에 레이어창 위로 올라오게 하기  오예 11·10·04 1034 39
80 태그-소스   플래시 object태그(배경 투명)  오예 11·08·22 1280 41
79 웹일반   onfocus="this.blur()"  오예 11·08·22 1234 54
78 태그-소스   이미지맵에서 롤오버 만들기  오예 11·07·31 1427 44
77 그누보드   그누보드 토큰 에러  오예 11·07·29 1952 61
76 제로보드   제로보드 관리자 비번 잊어버렸을때  오예 11·06·28 1800 49
75 웹일반   레이어 팝업창 소스  오예 11·05·16 2008 77
74 태그-소스   홈페이지 주소창에 로고 넣기  오예 11·05·03 2410 82
73 태그-소스   동영상 플레이어 100%,200%,전체화면 스크립트  오예 10·05·30 2658 125
72 태그-소스   레이어 팝업창  오예 10·04·13 2619 159
12345
Copyright 1999-2019 Zeroboard / skin by GGAMBO