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

하단 레이아웃 고정

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

게시글 목록

번호 제목
23966
프로알라 에디터 리소스 로딩을 게시판에서만 호출 하기 4
23963
관리자에서 bbs쓰기 1
23953
프로알라 에디터 이모티콘 넣기 4
23949
스팸 게시물 / 회원가입 방지를 위한 코드 6
23938
스마트에디터 + 이미지호스팅에 업로드 4
23935
한국 IP가 아니면 차단 하는 extend (국내 모든 IP 내장) 10
23933
메인에만 혹은 메인이 아닌 곳에만 특정 코드 적용하기 2
23928
그누보드/영카트 google 호환용 sitemap.xml 출력 ( SEO ) 7
23919
별빵주기 4
23918
조회수 배치로 SQL 부하 줄이 2
23917
설정된 닉네임으로 회원 더미생성
23910
[전체게시판] 일일/주간/월간 인기 게시물 7
23902
게시판글쓰기, 회원가입 스팸방지 3
23901
url에 타 도메인을 지정할 수 없습니다 오류 발생시 login 소스 확인필요
23897
php XML 송신 및 수신 samlple 1
23894
액티브 메뉴, 컬러 카테고리, 상하단 배경색 지정, 스마트에디터2 이모지 4
23893
특정 게시판 설정에서만 extend 파일 적용제외 예제
23891
최신글 여러게시판 함수 2
23885
[그누보드5.5] 커뮤니티 테마 버전업 (메인메뉴 변경) 2
23872
input에 숫자만 5
23870
회원정보 수정시 회원 여분필드 값 사라짐. 2
23862
css로 만든 로딩중 아이콘입니다. 2
23859
공휴일, 대체휴일, 요일 class 1
23853
드롭다운으로 한국산업분류 적용하기. 6
23845
헤킹방어 - 이건 꼭 적용하세요. 11
23838
유사패턴 내용관리 페이지에 메타태그 넣기 6
23827
댓글을 댓글 작성자 + 관리자만 볼 수 있게 변경 6
23819
상하단 색상 바꾸기 : 기본처리 + hook처리 4
23805
나리야빌더용, jwplayer -> video.js 로 변경하기 4
23801
[그누보드용] 중복로그인 방지 TIP 5
이전 다음
전체 목록