배너를 관리하기위에 소스를

 <!-- S : SLIDE -->

           <div class="silder">

<!-- 메인이미지 시작 { -->

<?php echo display_banner('메인', 'mainbanner.10.skin.php'); ?>

<!-- } 메인이미지 끝 -->

</div>

            <!-- E : SLIDE -->  

이렇게 넣었는데요.

원래는 창을 100% 가로 다 넓혔을 때는 아래와 같이 좌우배너가 

정상적으로 나오는데요.

창을 우측이나 좌측으로 줄이면 아래와 같이 되네요.ㅜㅜ

창을 줄여도 정상적으로 상단 배너가 창 줄이는 방향에 따라 같이 움직이는 방법이 없을까요?

index 소스는 아래와 같습니다.

 <?php

define('_INDEX_', true);

if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

if (G5_IS_MOBILE) {

    include_once(G5_THEME_MOBILE_PATH.'/index.php');

    return;

}

if(G5_COMMUNITY_USE === false) {

    include_once(G5_THEME_SHOP_PATH.'/index.php');

    return;

}

include_once(G5_THEME_PATH.'/head.php');

?>

 <div id="container01">

      <!-- S : SLIDE -->

           <div class="silder">

<!-- 메인이미지 시작 { -->

<?php echo display_banner('메인', 'mainbanner.10.skin.php'); ?>

<!-- } 메인이미지 끝 -->

</div>

            <!-- E : SLIDE -->  

        <div class="area">

            <!-- S : 추천상품 -->

            <div class="product_recommbox ">

            <div class="img_tit"><img src="<?php echo G5_THEME_IMG_URL ?>/main/main_product_tit.png" border="0" usemap="#Map" alt="추천상품 / 방프몰이 추천하는 상품 입니다." />

<map name="Map">

<area shape="rect" coords="1142,91,1196,121" href="/shop/list.php?ca_id=10">

</map>

    </div>

                <div class="product_pic">

<?php

$list = new item_list();

$list->set_type(2);

$list->set_view('it_id', false);

$list->set_view('it_name', true);

$list->set_view('it_basic', true);

$list->set_view('it_cust_price', true);

$list->set_view('it_icon', true);

$list->set_view('it_price', true);

echo $list->run();

?>

                </div>

            </div>

            <!-- E : 추천상품 -->

            <br><br>

            <!-- S : 사이드정보 -->

            <div class="box_3rd">

              <div class="notice">

                    <div class="tit_img"><img src="<?php echo G5_THEME_IMG_URL ?>/main/notice_bar.png" alt="공지사항" border="0" usemap="#Map2" />

                      <map name="Map2">

                        <area shape="rect" coords="320,0,374,30" href="/bbs/board.php?bo_table=notice">

                      </map>

                    </div>

                    <div class="left_img"><img src="<?php echo G5_THEME_IMG_URL ?>/main/notice_pic.png"  />

                    </div>

                    <div class="left_bbs"><?php echo latest("theme/simple_basic", notice, 3, 10); ?></div>

              </div>

                <div class="product_bn">

                <a href="/shop/list.php?ca_id=10"><img src="<?php echo G5_THEME_IMG_URL ?>/main/product_img.png"  alt="쇼핑정보, 웰빙상품을 전문으로 취급하는 방프리뫃 웰빙상품을 소개합니다. / 쇼핑정보 바로가기" /></a>

                </div>

                <div class="custormer">

                <a href="/bbs/board.php?bo_table=qa"><img src="<?php echo G5_THEME_IMG_URL ?>/main/customer_img.png" alt="고객만족센터, *** 개인정보보호를 위한 휴대폰번호 노출방지 *** / *** 개인정보보호를 위한 휴대폰번호 노출방지 ***, 운영시간 24시간 연중무휴, 제품 Q&A 바로가기" / ></a>

                </div>

<?php echo latest("theme/move", "bn",4, 25); ?>  

</div>

             <!-- E : 사이드정보 -->

              <div class="binbox"></div>

         </div>

     </div>

<!-- E : CONTAINER -->

<?php

include_once(G5_THEME_PATH.'/tail.php');

?>

메인 컨테이너 css 소슨느 아래와 같습니다.

/* Main CONTAINER */

#container01 .silder { margin-top:143px; } 

#container01 .area { position:relative;  width:1200px; margin:0 auto; }

#container01 .area .product_recommbox {  margin:0; padding:0; height:380px; }  

#container01 .area .product_recommbox .img_tit{ padding-bottom:15px; }   

#container01 .area .product_recommbox .product_pic{ height:274px; top:30px; } 

#container01 .area .box_3rd { position:relative; margin:0; padding:0; margin:0 auto; margin-bottom:5px; }

#container01 .area .box_3rd  .notice {width:379px; height:150px; }

#container01 .area .box_3rd  .notice .tit_img{ position:relative; margin:0; padding:0; }

#container01 .area .box_3rd  .notice .left_img{ position:absolute; top:32px; left:0;}

#container01 .area .box_3rd  .notice .left_bbs{ position:absolute; top:32px; left:98px; }

#container01 .area .box_3rd  .product_bn  { position:absolute; top:0px; left:427px; }

#container01 .area .box_3rd  .custormer { position:absolute; top:0px; left:837px; }

#container01 .area .binbox { height:23px;}