묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
게시판에 단 움직이는 배너....
2009.01.30 16:59
게시판 상단에 있던 플래시 문제가 해결되었습니다.^^ 해결에 도움주셔서 감사합니다.
근데....한가지 더 문제가....
게시판 옆으로 배너가 따라 움직이도록 넣었는데,,,,,html 상에서는 움직이던 것이
게시판 하단에 붙여 넣었더니 그대로 딱 멈춰 움직이지 않고 있어요.^^;;;
<div id="baner" style="width:94px; height:500px; position:absolute; left:1024px; top:155px; z-index:1;">
<p><img src="/images/main_baner.gif" width="94" height="500" border="0" usemap="#ImageMap4"></p>
</div>
이렇게 붙여 넣었는데,,,,왜 움직이지 않는 걸까요. 도움 부탁드립니다.
근데....한가지 더 문제가....
게시판 옆으로 배너가 따라 움직이도록 넣었는데,,,,,html 상에서는 움직이던 것이
게시판 하단에 붙여 넣었더니 그대로 딱 멈춰 움직이지 않고 있어요.^^;;;
<div id="baner" style="width:94px; height:500px; position:absolute; left:1024px; top:155px; z-index:1;">
<p><img src="/images/main_baner.gif" width="94" height="500" border="0" usemap="#ImageMap4"></p>
</div>
이렇게 붙여 넣었는데,,,,왜 움직이지 않는 걸까요. 도움 부탁드립니다.
댓글 2
-
만쓰별(정만)
2009.01.30 20:24
-
만쓰별(정만)
2009.01.30 20:27
그 돌아다니는 바를 레이아웃에 넣으시는 것이;; 아니면 컨텐츠 부분에 넣든지;; 암튼... 그렇답니다.
position:relative
지금 거의 포지션을 상대위치로 지정을 하셨네요
absolute(절대적 위치)
relative(상대적 위치)
해상도가 변해도 변하지 않는 위치를 지정하려면...
두가지 속성을 같이 사용해줘야합니다
<style>
#aa{position:relative;top:0 auto;}
#bb{position:absolute;top:100px;left:100px;background:#CCCCCC;border:1 solid #aaaaaa;}
</style>
<table cellspacing="0" cellpadding="0" border="1" width="300" height="300">
<tr>
<td valign="top">
<div id="aa">
<div id="bb">변하지않는 위치지정</div>
</div>
</td>
</tr>
</table>
전체 테이블 크기가 300*300 입니다..
그안에 변하지 않는 위치지정 이라는 div가 네이블 왼쪽 상단 녹색 부분을 기준으로 100*100px 떨어트린 모습입니다
td에 보면 align=top 을 준것은 테이블크기가 300이라 그안에 div가 중간으로 가기땜에 상단을 기준으로 하기위해 준것이구요...
소스를 보시면 0px짜리 div를 position:relative(상대위치) 로 잡아 현재 자기위치에 있게 해주고...
위치시킬 div를 position:absolute(절대위치) 로 잡아주면..relative 안에있기때문에
화면 좌측 상단이 기준이되는게 아니라 relative로 감싼 div가 기준이되어 해상도에따라 변하지 않고 위치시킬수 있습니다
금방 이해하실꺼라 믿고..^^
잘안되시면 쪽지주세요~홧팅!!
암튼 그걸 확인할 방법은;; 쩝.. 스킨을 분석하던지?
저에게 주소를 가르쳐주던지;;
암튼... relative속성에 갇히게 되면 아무리 absolute라도 벗어날 수가 없답니다.