하단 여백이 안없어집니다.

하단 여백이 안없어집니다. 채택완료

237334768_1529026795.3784.png

http://www.woodpack.co.kr/

http://www.woodpack.co.kr/allfooter.html

2px 여백이 안없어집니다.

.footer {clear: both; margin:0 auto; width:980px; height:79px; background: url('/../images/footerbg.jpg') center no-repeat;}
.footerlogo {float:left; position:relative; top:5px; left:4px;}
.footerlogo a img {
width: 213px;
height: 72px;
}
.footerarea {float:left; position:relative; left:20px; top:13px; font-size:9pt; font-weight:bold; font-family:gulim;}
.footerblocker { margin:0 3px; color: #b5c3bf; font-weight:normal;}
.footertext { color: #e0ede9; position:relative; bottom:3px; line-height:160%; font-weight:normal; }

<div style="clear:both;">　</div>
<div class="footer"><div class="footerlogo"><a href="/../index.php"><img src="/../images/footerlogo.jpg" width="213px" height="72px" title="메인으로" alt="메인으로"></a></div><a href="/htmls/direction.html" class="direction" alt="오시는 길">오시는 길</a> | <a href="/htmls/privacy.html" class="privacy" alt="개인정보처리방침">개인정보처리방침</a> [주소] 경기도 김포시 고촌읍 향산리 359-2      [사업자등록번호] 172-81-00944 
[고객센터] 031-998-3712, <img src="/images/handphonenumber.gif">      [FAX] 031-998-3713      [이메일] <a class="footeremail" href="mailto:test@tester.com">test@tester.com</a></div>

footer 부모 div는 없습니다.

이상한 것은 top:5px을 지우면 여백이 없어집니다.

footerlogo 사이즈가 72px입니다.

72+5 = 77px입니다.

footer 는 height:79px; 입니다. 2px이 남습니다.

<!doctype html>
<html>
<head>
<meta charset="utf-8">

allfooter.html 에 br을 적용해서 보면 2px이 아니라 3px 여백이 생깁니다.

하단 여백이 안없어집니다. 채택완료

답변 1개

공유하기