하단 여백이 안없어집니다. 채택완료
http://www.woodpack.co.kr/allfooter.html">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><font class="footerarea"><a href="/htmls/direction.html" class="direction" alt="오시는 길">오시는 길</a> <font class="footerblocker">|</font> <a href="/htmls/privacy.html" class="privacy" alt="개인정보처리방침">개인정보처리방침</a><br><br><font class="footertext"><b>[주소] </b>경기도 김포시 고촌읍 향산리 359-2 <b>[사업자등록번호] </b>172-81-00944<br>
<b>[고객센터] </b>031-998-3712, <img src="/images/handphonenumber.gif"> <b>[FAX] </b>031-998-3713 <b>[이메일] </b><a class="footeremail" href="mailto:test@tester.com">test@tester.com</a></font></font></div>
footer 부모 div는 없습니다.
이상한 것은 top:5px을 지우면 여백이 없어집니다.
footerlogo 사이즈가 72px입니다.
72+5 = 77px입니다.
footer 는 height:79px; 입니다. 2px이 남습니다.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="/../css/style.css" rel="stylesheet" type="text/css"></head><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<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><font class="footerarea"><a href="/htmls/direction.html" class="direction" alt="오시는 길">오시는 길</a> <font class="footerblocker">|</font> <a href="/htmls/privacy.html" class="privacy" alt="개인정보처리방침">개인정보처리방침</a><br><br><font class="footertext"><b>[주소] </b>경기도 김포시 고촌읍 향산리 359-2 <b>[사업자등록번호] </b>172-81-00944<br>
<b>[고객센터] </b>031-998-3712, <img src="/images/handphonenumber.gif"> <b>[FAX] </b>031-998-3713 <b>[이메일] </b><a class="footeremail" href="mailto:jyr1704@naver.com">jyr1704@naver.com</a></font></font></div>
</html>
allfooter.html 에 br을 적용해서 보면 2px이 아니라 3px 여백이 생깁니다.
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인