p

하단 레이아웃 고정

[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 팁자료실

+
제목 글쓴이 날짜 조회
10년 전 조회 1.5만
10년 전 조회 1.1만
10년 전 조회 3.3만
10년 전 조회 1.4만
10년 전 조회 1.3만
10년 전 조회 2.1만
10년 전 조회 6,600
10년 전 조회 6,760
10년 전 조회 5,846
10년 전 조회 7,710
10년 전 조회 7,273
10년 전 조회 1만
10년 전 조회 2.5만
10년 전 조회 1.4만
10년 전 조회 8,162
10년 전 조회 1만
10년 전 조회 9,084
10년 전 조회 9,695
10년 전 조회 1.8만
10년 전 조회 7,966
11년 전 조회 4,881
11년 전 조회 7,861
11년 전 조회 8,644
11년 전 조회 1.6만
11년 전 조회 8,005
11년 전 조회 1만
11년 전 조회 1.1만
11년 전 조회 7,655
11년 전 조회 6,292
11년 전 조회 1.2만