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 |
0 Trackback,
2 Comment,
:




최근에 달린 댓글
링크
최근에 받은 트랙백
태그목록