잡다한 일상사 WebJoy.kr :: 하단에 항상나타나는 Footer구현

하단에 항상나타나는 Footer구현

WEB/HTML/Css/Script 2007/06/15 14:46 by 아쿠아바다

Footer조정이 중요한것이 아니라
상단의 컨텐츠를 담고 있는 박스의 컨트롤이 중요 한듯 합니다.

#content-box
min-height
height magin,padding에 의해서 최하단에 밀려서 위치하는듯

magin-left,
magin-right,
padding-left,
padding-right,

<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
}

#content-box {
min-height: 100%;
margin: 0px 0 -50px; // top right bottom
}
*html #content-box {
height: 100%;
}
#content {
padding: 0 0 50px;
}
#footer {
height: 50px;
background: #ddd;
}
</style>

<div id="content-box">
<div id="content">
<p>contents</p><p>contents</p><p>contents</p>
</div>
</div>
<div id="footer">
footer (height 50pixel)
</div>

'WEB > HTML/Css/Script' 카테고리의 다른 글

웹 템플릿 무료 제공 사이트 (0)	2007/06/17
대표 검색 사이트 일반 등록하기 (2)	2007/06/16
하단에 항상나타나는 Footer구현 (2)	2007/06/15
테이블은 이제 그만 쉬어야 할 때 (0)	2007/06/15
웹표준이란 무엇인가? (0)	2007/06/15
Float 속성으로 TD구성 (0)	2007/06/15