초간단한 방법으로
푸터를 고정시킬 수 있는 샘플소스임.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>이그셈플</title>
<style type="text/css">
html,body{height:100%}
body{margin:0}
#body{min-height:100%}
#content{padding-bottom:1.9em}
#foot{margin-top:-1.9em;height:1.9em}
#body{background:#eee}
#content{background:#ddd;width:60%;margin:0 auto}
#foot{background:#ccc}
</style>
<body>
<div id="body">
<div id="content">
BODY
</div>
</div>
<div id="foot">
FOOTER
</div>
</body>
</html>
'html5' 카테고리의 다른 글
| html5 skeleton (0) | 2015.07.10 |
|---|---|
| 기본 템플릿 (0) | 2014.05.12 |