footer 밑으로 흰 여백이 뜨는 문제
본문
꼼지락 거리고 css를 만지작 거려도 해결이 안되어서 도움을 요청해 보아요 ㅜㅜ
http://www.theartmall.co.kr 사이트 메인에 footer 밑으로 흰 여백이 생기게 스크롤이 내려가 버려요
css 코드를 만지작 거려보아도 해결이 안되네요~
메인에 적용되는 css 예요
/* 상단 레이아웃 */
#hd {min-width:1000px; height:180px; background-color:#ffffff; padding: 0 0; margin:0 auto; zoom:1; }
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_qnb {min-width:1000px; background-color:#000000; zoom:1; margin:0 auto;}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_qnb div {text-align:center;}
#hd_qnb a {letter-spacing:0}
#hdd {width:950px; background-color:#000000; zoom:1; margin:0 auto;}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#bookmark {float:left;padding:0 0;}
/* 상단-회원메뉴 */
#tnb {float:right;background-color:#000000; }
#tnb h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#tnb ul {zoom:1}
#tnb li {float:left}
#tnb a {padding:0 3px; word-spacing:2px;background-color:#000000;color:#ffffff; line-height:2.2em;}
.em1 {padding:0 2px;color:#ffffff;word-spacing:2px;font-size:0.95em; line-height:2.2em;}
#hd_wrapper {position:relative;margin:0 auto;padding:0 0;width:950px; zoom:1; background-color:#FFFFFF;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#logo {width:950px; height:120px ; padding: 0 0; text-align:center; margin:0px auto;}
#logo:after {display:block;visibility:hidden;clear:both;content:""}
#lnb {width:950px; height:40px; background-color:#FFFFFF; padding: 0 0; margin:0 auto;}
/* 중간 레이아웃 */
#wrapper {z-index:5; margin:0 auto;width:1150px;background-color:#FFFFFF;zoom:1}
#wrapper_co {position:relative; margin:0px auto 0px;width:950px; zoom:1}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#wrapper_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}
/* main 슬라이드 배너 */
#mb {min-width:1000px; height:400px; padding: 0 0; margin:0 auto; background-image: url(bar1.png) ;background-repeat:repeat;}
#me-center{width:950px; height:400px;margin:0 auto;background:#A09F9D;padding:0 0; zoom:1}
/* 메인 상품별 리스트 div */
#sec {width:950px; background-color:#FFFFFF; padding: 0 0; margin:0px auto 20px; zoom:1}
#sec1{float:left;width:950px; height:250px; background-color:#FFFFFF; padding: 0 0; margin:0px auto 20px;}
#sec2{float:left;width:950px; height:250px; background-color:#FFFFFF; padding: 0 0; margin:0px auto 20px;}
#sec3{float:left;width:950px; height:250px; background-color:#FFFFFF; padding: 0 0; margin:0px auto 20px;}
#sec4{float:left;width:950px; height:250px; background-color:#FFFFFF; padding: 0 0; margin:0px auto 20px;}
#sec5{float:left;width:950px; height:250px; background-color:#FFFFFF; padding: 0 0; margin:0px auto 20px;}
#sec6{float:left;width:950px; height:250px; background-color:#FFFFFF; padding: 0 0; margin:0px auto 20px;}
#sec7{float:left;width:950px; height:250px; background-color:#FFFFFF; padding: 0 0; margin:0px auto 20px;}
/* ~~ 바닥글 ~~ */
#footer {min-width:1000px; padding:10px;color:#666;background-color:#dddddd; clear: both;}
/* footer 세부 div */
#footer_a {width: 950px; height: 20px; padding: 5px 0px 0px;background-color:#dddddd; word-spacing:1px; margin:0 auto;}
#footer_a_1 {float: left; width: 550px; padding: 0 0; }
#footer_a_1 ul{zoom:1}
#footer_a_1 u:after {display:block; visibility:hidden; clear:both; content:""}
#footer_a_1 li {float:left}
#footer_a_1 li a {word-spacing:1px; padding:0 3px; background-color:#dddddd;}
#footer_a_2 {float: right; width: 400px; padding: 0 0; text-align:right;}
#footer_b {width: 950px; height: 70px; padding: 5px 0px 10px; color:#666; background-color:#dddddd; word-spacing:1px; position:relative; margin:0 auto;}
#footer_b_1 {float: left; width: 225px; padding: 0 0;}
#footer_b_2 {float: right; width: 725px; padding: 0 0; word-spacing:1px; line-height:140%; color:#666666;}
답변 2
#sct-wid1 {float:left;margin:15px auto 15px;width:950px;min-height:700px}
=>
#sct-wid1 {float:left;margin:15px auto 15px;width:950px;}
이렇게 한번 해보세요.
감사해요 ^^
빠른 답변으로 금방해결 했어요:)