하단 레이아웃 고정
[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]
<!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개
10년 전
감사합니다
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4429 | ||
| 2574 | 10개월 전 | 561 | ||
| 2573 | 10개월 전 | 937 | ||
| 2572 |
두리삼촌v
|
10개월 전 | 609 | |
| 2571 | 10개월 전 | 556 | ||
| 2570 | 10개월 전 | 600 | ||
| 2569 |
두리삼촌v
|
10개월 전 | 638 | |
| 2568 |
두리삼촌v
|
10개월 전 | 667 | |
| 2567 |
두리삼촌v
|
10개월 전 | 463 | |
| 2566 |
두리삼촌v
|
10개월 전 | 443 | |
| 2565 | 10개월 전 | 740 | ||
| 2564 | 10개월 전 | 670 | ||
| 2563 | 11개월 전 | 474 | ||
| 2562 | 11개월 전 | 1030 | ||
| 2561 |
|
11개월 전 | 675 | |
| 2560 | 11개월 전 | 919 | ||
| 2559 | 11개월 전 | 657 | ||
| 2558 |
|
11개월 전 | 505 | |
| 2557 | 11개월 전 | 656 | ||
| 2556 | 11개월 전 | 957 | ||
| 2555 | 11개월 전 | 1338 | ||
| 2554 | 11개월 전 | 755 | ||
| 2553 |
|
11개월 전 | 748 | |
| 2552 | 11개월 전 | 676 | ||
| 2551 | 11개월 전 | 864 | ||
| 2550 | 11개월 전 | 767 | ||
| 2549 |
|
11개월 전 | 717 | |
| 2548 | 11개월 전 | 1031 | ||
| 2547 | 11개월 전 | 673 | ||
| 2546 | 11개월 전 | 1207 | ||
| 2545 | 11개월 전 | 663 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기