레이어 하단 완전고정....팁입니다.
질문게시판에보시면 제가 쓴 질문이 있는데.. 그 부분을 찾다가 발견한 소스로 그누보드에 적용 방법을 올려드립니다.
일단 head_sub.php 파일에
<style type='text/css'>
* {
margin:0;
padding:0;
}
html {
height:100%;
width:100%;
overflow:hidden;
}
body {
margin:0;
padding:0;
}
#header {
color:#fff;
position:absolute;
bottom:0pt;
height:50px;
background-color:#ffffff;
width:90%;
z-index:99;
}
#body {
width:100%;
position:absolute;
height:100%;
overflow-y:scroll;
}
</style>
를 <head></head> 사이에 넣으시던가 style.css 파일에 넣으시던가 무방합니다.
<body scroll="no">넣으시고 밑에
<div id='header'>
{고정시키고자 하는 이미지 또는 플래시}
</div>
<div id='body'>
까지 넣으시고 tail_sub.php 파일에 맨 <iframe></iframe> 아랫부분에
</div> 를 닫아주시면 됩니다.
www.bbcafe.co.kr 사이트에 하단 플래시 고정방법이 너무 궁금하여 연구중에
발견한건데 제로보드ex처럼 레이로만 페이지를 구성한 사이트들은 어느부분에 넣든 상관이 없었는데 그누보드처럼 테이블로 짜여있는 곳에는 <div>로 id=body 라는것을 명확하게 먹여줘야
작동을 하더라고요.. 아시는 분들도 계시겠지만 초보들을 위한 팁이니 이 방법을 응용하여 멋진 홈피 만드시길 바랄께요^^
참고로 위치 조절방법은
#header {
color:#fff;
position:absolute;
bottom:0pt; <-- 이 부분을 조정하면 되고 윗부분에 넣으시려면 bottom->top로 고치시면 됩니다.
height:50px;
background-color:#ffffff;
width:90%;
z-index:99;
}
배경색 바꾸시려면.. 아시겠죠??
댓글 2개
right:0; botton:0 하면되지않을까요?