footer 밑으로 흰 여백이 뜨는 문제 채택완료
꼼지락 거리고 css를 만지작 거려도 해결이 안되어서 도움을 요청해 보아요 ㅜㅜ
http://www.theartmall.co.kr">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개
답변을 작성하려면 로그인이 필요합니다.
로그인