홈>컴퓨터이야기
logo_01.gif


TOTAL ARTICLE : 90, TOTAL PAGE : 1 / 5
구분 웹일반 | 태그-소스 | 제로보드 | 그누보드 |
웹일반 : 해상도에 따라 변하는 레이어 위치 고정하기
 오예    | 2012·08·16 19:12 | HIT : 831 | 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

샬롬~
난! 자유인...
  
90 태그-소스   태그가 적용되지 않게 하는 태그  오예 18·01·10 117 9
89 제로보드   mysql 4.1에서 제로보드의 호환성 문제 해결  오예 16·01·15 283 19
88 그누보드   그누보드 이미지 리사이즈  오예 15·07·30 409 27
87 태그-소스   video 태그  오예 14·06·19 668 26
86 그누보드   DHTML 에디터 이미지 새창으로 안뜨게 하려면  오예 15·05·17 400 30
85 그누보드   그누보드 이미지 클릭시 팝업창 뜨는 문제  오예 13·04·24 979 40
84 웹일반   플래시 위에 레이어 팝업창 띄우기  오예 12·11·09 1098 34
83 그누보드   코멘트 줄간격 조정  오예 12·09·03 840 33
웹일반   해상도에 따라 변하는 레이어 위치 고정하기  오예 12·08·16 831 31
81 태그-소스   플래시에 레이어창 위로 올라오게 하기  오예 11·10·04 1011 37
80 태그-소스   플래시 object태그(배경 투명)  오예 11·08·22 1265 41
79 웹일반   onfocus="this.blur()"  오예 11·08·22 1216 54
78 태그-소스   이미지맵에서 롤오버 만들기  오예 11·07·31 1411 44
77 그누보드   그누보드 토큰 에러  오예 11·07·29 1926 58
76 제로보드   제로보드 관리자 비번 잊어버렸을때  오예 11·06·28 1784 47
75 웹일반   레이어 팝업창 소스  오예 11·05·16 1990 76
74 태그-소스   홈페이지 주소창에 로고 넣기  오예 11·05·03 2013 80
73 태그-소스   동영상 플레이어 100%,200%,전체화면 스크립트  오예 10·05·30 2640 124
72 태그-소스   레이어 팝업창  오예 10·04·13 2601 156
71 그누보드   그누보드 회원삭제 안될때  오예 10·03·06 2890 168
12345
Copyright 1999-2018 Zeroboard / skin by GGAMBO