홈페이지 하단 슬라이드 가로길이가 열리는 창크기에 따라 변경이 되요. 상관없이 고정하고 싶습니다. 채택완료

 

홈피에서 보시면 하단에 슬라이드 가로길이가 처음 열리는 창 크기대로 설정이 되는거에요.

 

창을 작게해서 열면 그 넓이 그대로 슬라이드길이가 고정되고 최대화하게 해서 열면은 제정상적으로 보이는거에요.

 

이 슬라이드 가로길이를 딱 고정시키고 싶은데 방법이 있을까 하여 질문을 올립니다. 도와주시면 정말 감사하겠습니다.

 

__" 꾸벅. 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">

            $(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>

</td>
    </tr>
    </table>
</td>
</tR>
</table>