수다닷컴

안녕하세요..

상단 버튼을 눌렀을때 해당 내용이 나오면서 컨텐츠 부분이 내려가게 해야하는데요..

현재는 버튼을 누르면 해당 오픈영역이 컨텐츠를 덮습니다..
!-- sub_gnb --
div class=sub_gnb
form name=sub_gnb method=post action=#
fieldset
legend현재카테고리/legend
label for=now_categoryimg src=../images/sub/title/label_now_gategory.jpg alt=현재카테고리 //label
select id=now_category name=now_category class=first
option value=옵션선택/option
option value=옵션선택/option
option value=옵션선택/option
option value=옵션선택/option
/selectimg src=../images/sub/bul/select_next.gif alt=다음 class=next_select /
select name=now_category2
option value=옵션선택/option
/selectimg src=../images/sub/bul/select_next.gif alt=다음 class=next_select /
select name=now_category3
option value=옵션선택/option
/selectimg src=../images/sub/bul/select_next.gif alt=다음 class=next_select /
select name=now_category4
option value=옵션선택/option
/select
a href=#img src=../images/sub/btn/btn_move.gif alt=이동 class=btn_move //a
/fieldset
/form
!-- 닫혔을때 버튼--p class=btna href=#img src=../images/sub/btn/btn.png alt=btn //a/p
!--버튼을 열었을때 내용 --
div class=open
div class=fl style=width:700px;
p class=open_titleimg src=../images/sub/title/tit_smartbasket.gif alt=open //p
ul class=defalut
lipimg src=../images/sub/img/img_product50X50.jpg alt=제품이미지 //pinput type=checkbox /a href=#img src=../images/sub/btn/btn_remove.gif alt=지우기 class=remove //a/li
lipimg src=../images/sub/img/img_product50X50.jpg alt=제품이미지 //pinput type=checkbox /a href=#img src=../images/sub/btn/btn_remove.gif alt=지우기 class=remove //a/li
lipimg src=../images/sub/img/img_product50X50.jpg alt=제품이미지 //pinput type=checkbox /a href=#img src=../images/sub/btn/btn_remove.gif alt=지우기 class=remove //a/li
lipimg src=../images/sub/img/img_product50X50.jpg alt=제품이미지 //pinput type=checkbox /a href=#img src=../images/sub/btn/btn_remove.gif alt=지우기 class=remove //a/li
li/li
li/li
li/li
/ul
p class=prev_lefta href=#img src=../images/sub/btn/btn_smartbasket_prev.gif alt=이전 //a/p
p class=next_righta href=#img src=../images/sub/btn/btn_smartbasket_next.gif alt=다음 //a/p
/div
div class=kkk
div style=height:55px;
ul class=price
li class=fl총 합계금액:/li
li class=nonespan class=sum_price697,000/span/li
/ul
ul class=price
li class=fl적립금 / 마일리지:/li
li class=nonespan class=add_price money8,400원/spanspan class=fb/800P/span/li
/ul
/div
div class=btn
ul
li class=firsta href=#img src=../images/sub/btn/btn_select_del.gif alt=선택삭제 //a/li
lia href=#img src=../images/sub/btn/btn_all_del.gif alt=전체삭제 //a/li
lia href=#img src=../images/sub/btn/btn_basket_go.gif alt=장바구니 가기 //a/li
/ul
/div
/div
!-- 열린버튼 --p class=btna href=#img src=../images/sub/btn/btn_smart_basket_on.png alt=SMART BASKET //a/p
/div
!-- // open --
/div
!-- // sub_gnb --
!-- 컨텐츠 영역--
div class=sub_container
/div
!-- // 컨텐츠영역--

/* open */
.open {display:none; z-index:100; width:1000px; height:92px; background:url(../images/sub/bg/open.png) no-repeat left top; position:absolute; top:42px; left:0;}
.open .open_title {float:left; padding:11px 0 0 31px;}
.open ul.defalut {overflow:hidden; padding:7px 0 0 61px;}
.open ul.defalut li {margin-left:8px; width:65px; height:77px; background:url(../images/sub/bg/bg_smartbasket_default.gif) no-repeat; float:left;}
.open ul.defalut li p img {padding:5px 0 0 8px;}
.open p.prev_left {position:osition:absolute; top:34px; left:112px;}
.open p.next_right {position:absolute; top:34px; right:316px;}
.kkk {float:left; width:257px; padding:9px 0 0 25px;}
.kkk ul.price {overflow:hidden;}
.kkk ul.price li {color:#707070; font-size:11px; background:url(../images/sub/bul/bul_product_detail2.gif) no-repeat left center; line-height:190%; padding-left:6px;}
.kkk ul.price li.none {background:none; float:right;}
.kkk ul.price li span.sum_price {font-size:25px; font-weight:bold;}
.basket_btn ul li {float:left; margin-left:1px;}
.open ul.defalut li input {float:left; margin:2px 0 0 7px; }
.open ul.defalut li img.remove {float:right; width:7px; height:7px; margin:4px 5px 0 0;}

/* ############### sub_container ############### */
.sub_container {position:relative; margin:0 auto; width:100%; font-size:12px;}
.sub_container:after {content:; display:block; clear:both;}

신청하기