html5
푸터 고정 템플릿
aneyh.c
2014. 5. 20. 17:32
초간단한 방법으로
푸터를 고정시킬 수 있는 샘플소스임.
<!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>