날개배너 띄우는 법좀 알려주세요 ㅠ
http://www.freechal.com/
프리챌 홈페이지에 가면 좌측과 우측에 날개배너가 있는데요
제 홈페이지에다도 붙여놓고 싶어서 해보니까 잘 안되네요
<h3>Left Wing Banner</h3>
<div id="LeftWingADLayer" style="z-index:1000; position: absolute; top:0px; left: -100px; width:90px; height:105px;">
<a href="http://story.freechal.com/rebuild"><img src="http://image.freechal.com/FcMain/90/New/survey2_Main_90x105.gif" width="90" height="105" border="0" alt="프리챌 정신 차려라 설문 결과" ></a>
</div>
<h3>Right Wing Banner</h3>
<div id="RightWingbADLayer" style="z-index:10; position: absolute; top:0px; left: 870px; width:79px; height:285px;cursor:auto;">
<script language="javascript" type="text/javascript">
fcMainUtil.observe(function(){
$('RightWingbADLayer').innerHTML += AC_FL_StrContent('codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0','width','79','height','285','src','http://image.freechal.com/FcMain/80/main/090916_QTV_karcass_120x456','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','http://image.freechal.com/FcMain/80/main/090916_QTV_karcass_120x456','FlashVars','', 'id', 'RightWingAD_EX', 'name', 'RightWingAD_EX', 'allowScriptAccess','always', 'wmode', 'transparent' ); //end AC code
});
</script>
<noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="79" height="285" id="RightWingAD_EX">
<param name="movie" value="http://image.freechal.com/FcMain/80/main/090916_QTV_karcass_120x456.swf" />
<param name="allowScriptAccess" value="always" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="http://image.freechal.com/FcMain/80/main/090916_QTV_karcass_120x456.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" allowScriptAccess="always" type="application/x-shockwave-flash" width="79" height="285" name="RightWingAD_EX" wmode="transparent"></embed>
</object></noscript>
</div>
소스보기로 보니까 왼쪽 배너 소스 오른쪽 배너 소스가 나와서
홈페이지에 일단 왼쪽배너부터 붙여넣어봤더니
위치를 맞춰도 화면 해상도에 따라가 배너가 위치가 다 틀려져요
프리챌을 해상도 바꿔도 같은자리에 위치하는데..ㅠㅠ
해상도 바꿔도 프리챌처럼 같은 자리에 배너가 위치하는 방법좀 알려주세요~
댓글 3개
배너가 위치되어질 기준의 박스에 position: relative;를 넣어주시고,
그 박스 안쪽에 배너가 들어갈 박스를 새로 추가하여 position: absolute;로 위치를 지정해주시면 원하는 위치내에서 해상도가 변하여도 고정되어 보여집니다.
추가되어질 부분의 소스가 있어야 설명 드리기가 수월 할듯싶네요