홈페이지 하단 슬라이드 가로길이가 열리는 창크기에 따라 변경이 되요. 상관없이 고정하고 싶습니다.
본문
홈피에서 보시면 하단에 슬라이드 가로길이가 처음 열리는 창 크기대로 설정이 되는거에요.
창을 작게해서 열면 그 넓이 그대로 슬라이드길이가 고정되고 최대화하게 해서 열면은 제정상적으로 보이는거에요.
이 슬라이드 가로길이를 딱 고정시키고 싶은데 방법이 있을까 하여 질문을 올립니다. 도와주시면 정말 감사하겠습니다.
__" 꾸벅. ps: 가로길이와 세로길이를 다줬는데도 이런 현상이 발생해요.

<table width="100%" border="0" cellpadding="0" background="../images/jch/main/bggra3.jpg" style="background-repeat:repeat-x; margin:0 auto;" cellspacing="0" >
<tR>
<td height="90" >
<table width="1060" border="0" cellpadding="0" height="90" cellspacing="0" style="margin:0 auto;">
<tr>
<td width="1060" height=90 >
<link href="../js/jch/main/amazon_scroller.css" rel="stylesheet" type="text/css"></link>
<script type="text/javascript" src="../js/jch/main/amazon_scroller.js"></script>
<script language="javascript" type="text/javascript">
<tR>
<td height="90" >
<table width="1060" border="0" cellpadding="0" height="90" cellspacing="0" style="margin:0 auto;">
<tr>
<td width="1060" height=90 >
<link href="../js/jch/main/amazon_scroller.css" rel="stylesheet" type="text/css"></link>
<script type="text/javascript" src="../js/jch/main/amazon_scroller.js"></script>
<script language="javascript" type="text/javascript">
$(function() {
$("#amazon_scroller2").amazon_scroller({
scroller_title_show: 'disable',
scroller_time_interval: '3000',
scroller_window_background_color: "none",
scroller_window_padding: '20',
scroller_border_size: '0',
scroller_border_color: '#CCC',
scroller_images_width: '150',
scroller_images_height: '50',
scroller_title_size: '12',
scroller_title_color: 'black',
scroller_show_count: '6',
directory: '../js/jch/images'
});
});
</script>
<div id="amazon_scroller2" class="amazon_scroller">
<div class="amazon_scroller_mask">
<ul>
<li><a href="link1" title="title1"><IMG SRC="../images/jch/main/spon/spon (1).jpg" onMouseOver="this.src='../images/jch/main/spon/spon (1).jpg'" onMouseOut="this.src='../images/jch/main/spon/spon (1).jpg'" ALT=""></a></li>
<li><a href="link2" title="title2"><IMG SRC="../images/jch/main/spon/spon (2).jpg" onMouseOver="this.src='../images/jch/main/spon/spon (2).jpg'" onMouseOut="this.src='../images/jch/main/spon/spon (2).jpg'" ALT=""></a></li>
<li><a href="link3" title="title3"><IMG SRC="../images/jch/main/spon/spon (3).jpg" onMouseOver="this.src='../images/jch/main/spon/spon (3).jpg'" onMouseOut="this.src='../images/jch/main/spon/spon (3).jpg'" ALT=""></a></li>
<li><a href="link4" title="title4"><IMG SRC="../images/jch/main/spon/spon (4).jpg" onMouseOver="this.src='../images/jch/main/spon/spon (4).jpg'" onMouseOut="this.src='../images/jch/main/spon/spon (4).jpg'" ALT=""></a></li>
<li><a href="link1" title="title5"><IMG SRC="../images/jch/main/spon/spon (5).jpg" onMouseOver="this.src='../images/jch/main/spon/spon (5).jpg'" onMouseOut="this.src='../images/jch/main/spon/spon (5).jpg'" ALT=""></a></li>
<li><a href="link2" title="title6"><IMG SRC="../images/jch/main/spon/spon (6).jpg" onMouseOver="this.src='../images/jch/main/spon/spon (6).jpg'" onMouseOut="this.src='../images/jch/main/spon/spon (6).jpg'" ALT=""></a></li>
<li><a href="link3" title="title7"><IMG SRC="../images/jch/main/spon/spon (7).jpg" onMouseOver="this.src='../images/jch/main/spon/spon (7).jpg'" onMouseOut="this.src='../images/jch/main/spon/spon (7).jpg'" ALT=""></a></li>
<li><a href="link4" title="title8"><IMG SRC="../images/jch/main/spon/spon (8).jpg" onMouseOver="this.src='../images/jch/main/spon/spon (8).jpg'" onMouseOut="this.src='../images/jch/main/spon/spon (8).jpg'" ALT=""></a></li>
<li><a href="link4" title="title8"><IMG SRC="../images/jch/main/spon/spon (9).jpg" onMouseOver="this.src='../images/jch/main/spon/spon (9).jpg'" onMouseOut="this.src='../images/jch/main/spon/spon (9).jpg'" ALT=""></a></li>
<li><a href="link4" title="title8"><IMG SRC="../images/jch/main/spon/spon (10).jpg" onMouseOver="this.src='../images/jch/main/spon/spon (10).jpg'" onMouseOut="this.src='../images/jch/main/spon/spon (10).jpg'" ALT=""></a></li>
</ul>
</div>
<ul class="amazon_scroller_nav">
<li></li>
<li></li>
</ul>
<div style="clear: both"></div>
</div>
<div style="clear: both"></div>
</div>
$("#amazon_scroller2").amazon_scroller({
scroller_title_show: 'disable',
scroller_time_interval: '3000',
scroller_window_background_color: "none",
scroller_window_padding: '20',
scroller_border_size: '0',
scroller_border_color: '#CCC',
scroller_images_width: '150',
scroller_images_height: '50',
scroller_title_size: '12',
scroller_title_color: 'black',
scroller_show_count: '6',
directory: '../js/jch/images'
});
});
</script>
<div id="amazon_scroller2" class="amazon_scroller">
<div class="amazon_scroller_mask">
<ul>
<li><a href="link1" title="title1"><IMG SRC="../images/jch/main/spon/spon (1).jpg" onMouseOver="this.src='../images/jch/main/spon/spon (1).jpg'" onMouseOut="this.src='../images/jch/main/spon/spon (1).jpg'" ALT=""></a></li>
<li><a href="link2" title="title2"><IMG SRC="../images/jch/main/spon/spon (2).jpg" onMouseOver="this.src='../images/jch/main/spon/spon (2).jpg'" onMouseOut="this.src='../images/jch/main/spon/spon (2).jpg'" ALT=""></a></li>
<li><a href="link3" title="title3"><IMG SRC="../images/jch/main/spon/spon (3).jpg" onMouseOver="this.src='../images/jch/main/spon/spon (3).jpg'" onMouseOut="this.src='../images/jch/main/spon/spon (3).jpg'" ALT=""></a></li>
<li><a href="link4" title="title4"><IMG SRC="../images/jch/main/spon/spon (4).jpg" onMouseOver="this.src='../images/jch/main/spon/spon (4).jpg'" onMouseOut="this.src='../images/jch/main/spon/spon (4).jpg'" ALT=""></a></li>
<li><a href="link1" title="title5"><IMG SRC="../images/jch/main/spon/spon (5).jpg" onMouseOver="this.src='../images/jch/main/spon/spon (5).jpg'" onMouseOut="this.src='../images/jch/main/spon/spon (5).jpg'" ALT=""></a></li>
<li><a href="link2" title="title6"><IMG SRC="../images/jch/main/spon/spon (6).jpg" onMouseOver="this.src='../images/jch/main/spon/spon (6).jpg'" onMouseOut="this.src='../images/jch/main/spon/spon (6).jpg'" ALT=""></a></li>
<li><a href="link3" title="title7"><IMG SRC="../images/jch/main/spon/spon (7).jpg" onMouseOver="this.src='../images/jch/main/spon/spon (7).jpg'" onMouseOut="this.src='../images/jch/main/spon/spon (7).jpg'" ALT=""></a></li>
<li><a href="link4" title="title8"><IMG SRC="../images/jch/main/spon/spon (8).jpg" onMouseOver="this.src='../images/jch/main/spon/spon (8).jpg'" onMouseOut="this.src='../images/jch/main/spon/spon (8).jpg'" ALT=""></a></li>
<li><a href="link4" title="title8"><IMG SRC="../images/jch/main/spon/spon (9).jpg" onMouseOver="this.src='../images/jch/main/spon/spon (9).jpg'" onMouseOut="this.src='../images/jch/main/spon/spon (9).jpg'" ALT=""></a></li>
<li><a href="link4" title="title8"><IMG SRC="../images/jch/main/spon/spon (10).jpg" onMouseOver="this.src='../images/jch/main/spon/spon (10).jpg'" onMouseOut="this.src='../images/jch/main/spon/spon (10).jpg'" ALT=""></a></li>
</ul>
</div>
<ul class="amazon_scroller_nav">
<li></li>
<li></li>
</ul>
<div style="clear: both"></div>
</div>
<div style="clear: both"></div>
</div>
</td>
</tr>
</table>
</td>
</tR>
</table>
</tr>
</table>
</td>
</tR>
</table>
답변 1
해당 div의 amazon_scroller2가 속해있는 테이블 때문에 그렇습니다
원하시는데로 하시고 싶다면 amazon_scroller2의 div부분을 잘라서 카피라이트에 해당하는 테이블로 옮기시면 될것같은데요
답변을 작성하시기 전에 로그인 해주세요.