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

하단 레이아웃 고정

port
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 10년 전 · 8114 · 1
[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개

게시글 목록

번호 제목
23606
게시글 엑박이미지 프론트에서 날리기 9
23598
일반 웹페이지에서 외부 메일로 네이버 메일 사용하기 5
23585
아미나빌더 사용자를 위한 그룹별 헤더이미지 적용하기 8
23579
자바스크립트 alert 잘 안되는 분들을 위한 팁 2
23578
wr_link1 확장스킨에 유튜브 표현하기 4
23564
아미나빌더 사용자를 위한 그룹별 사이드바 설정 6
23550
아미나빌더 사용자를 위한 메인슬라이더 PC, 모바일 따로 사용하기 및 모바일 슬라이더 아래 여백 너무 넓은분 참고하세요 6
23549
아미나빌더 이용자분중 모바일 갤러리에서 이미지가 흐릿하게 나오는 분들만 꼭 여기 보세요 4
23548
아미나빌더 사용자중 스타일시트 변경하기 어려운분만 확인해주세요 5
23529
전체 웹사이트 배경이미지 (CSS) 때문에 고생 방지하는 팁..... 3
23510
adm/member_form.php 의 사소한 오류 수정 8
23507
콕핏(Cockpit) 웹 콘솔 "Cannot Refresh Cache Whilst Offline" 오류 1
23481
게시글에서 막힌 style 뚫기 14
23471
그누보드를 mysql 이 아닌 sqlite 로 구동하는 프로그램입니다. 8
23453
카톡 대표이미지 자유설정 완결판 20
23452
dayjs 이용 게시물 작성일과 현재 날짜 차이 구하기 4
23450
[나리야 전용] 경험치 계산이 제대로 안되서 특정% 로 시작할때 #수정1
23436
스마트에디터2 세로길이 조절 및 이미지확대 방지 8
23428
게시판 view페이지에 qr코드 추가하기 6
23404
sitemap.xml 만들기[추가] 25
23396
목록에 스위치 적용. 14
23389
크롬 개발자도구의 모바일모드시 모바일로 동작하게 만들기 5
23380
코멘트 바로가기 클릭 시 스크롤 마진 탑 적용하기 8
23369
메타태그 description에 게시물 내용 넣기 8
23350
하루 게시글 / 댓글 쓰기 포인트 지급 제한 10
23337
[필독] 소셜로그인 아이디 중복, 엄청난 이슈 9
23317
메타태그 한방에 후킹 21
23307
그누보드5 링크 썸네일을 게시판 첨부파일 사용하도록 하는 코드 (OG이미지메타테그) 2
23298
"특정 기간"에만 동작하는 코드 만들기 16
23290
게시판에 첨부한 첨부 이미지 모두 보기 12
이전 다음
전체 목록