테스트 사이트 - 개발 중인 베타 버전입니다

하단 레이아웃 고정

[code]
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>하단고정레이아웃</title>
<style>
html { overflow: hidden; }
html, body { width: 100%; height: 100%; margin: 0; padding: 0; }
#wrapper{ width: 100%; height: 100%; position: absolute; overflow-y:scroll; }
#content { width: 100%; }
#footer
{
overflow: hidden;
position: absolute;
bottom: 0;
height: 50px; width:100%; text-align: center;
margin-left:0px; margin-bottom:-1px;
background:#CCC;
}
</style>
</head>

<body>
<div id="wrapper">
<div id="content">
본문내용... <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>
본문내용... <BR>
본문내용... <BR>
본문내용... <BR>
본문내용... <BR>
본문내용... <BR>
본문내용... <BR>
본문내용... <BR>
본문내용... <BR>
본문내용... <BR>
본문내용... <BR>
본문내용... <BR>
본문내용... <BR>
</div>
</div>
<div id="footer">
풋터내용
</div>
</body>
</html>
[/code]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 1개

게시판 목록

그누보드5 팁자료실

글쓰기
🐛 버그신고