하단에 딱붙어있는 레이어는 어떻게 만들어야 할지?
http://www.pullbbang.com/
하단에 보면 "팬피 모든지 한줄"이라고 나오는 부분이 있는데 스크롤을 해도 그 영역은 계속 그대로인데요.
소스보니 아래와 같은데 파이어폭스에서는 되는데 익스플러로에선 그냥 제일 하단에 붙어서 그위치로 고정되어있습니다. 전체페이지의 제일 하단이 아닌 모니터 제일 밑에 붙어서 스크롤해도 제일하단위치를 그대로 지키려면 어떻게 해야할지? 초보라 이것저것 종일 싸우고 있어도 안됩니다. 도움의 손길좀 부탁드립니다. ㅠㅜ
<style type="text/css">
#floating_gnb { position:fixed; z-index:500; width:100%; height:33px; left:0px; bottom:0px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:#d3d3d3;}
</style>
<div id='floating_gnb'>
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td height="1" align="center" bgcolor="99b52d"></td>
</tr>
<tr>
<td align="center"><table width="947" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td height="30" align="center" width="40"></td>
<td height="30" align="center"><center><div id="FFview">이곳에 글넣는다 치고</div></center></td>
</tr>
</table></td>
</tr>
<tr>
<td height="8" align="center"></td>
</tr>
</table>
</div>
하단에 보면 "팬피 모든지 한줄"이라고 나오는 부분이 있는데 스크롤을 해도 그 영역은 계속 그대로인데요.
소스보니 아래와 같은데 파이어폭스에서는 되는데 익스플러로에선 그냥 제일 하단에 붙어서 그위치로 고정되어있습니다. 전체페이지의 제일 하단이 아닌 모니터 제일 밑에 붙어서 스크롤해도 제일하단위치를 그대로 지키려면 어떻게 해야할지? 초보라 이것저것 종일 싸우고 있어도 안됩니다. 도움의 손길좀 부탁드립니다. ㅠㅜ
<style type="text/css">
#floating_gnb { position:fixed; z-index:500; width:100%; height:33px; left:0px; bottom:0px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:#d3d3d3;}
</style>
<div id='floating_gnb'>
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td height="1" align="center" bgcolor="99b52d"></td>
</tr>
<tr>
<td align="center"><table width="947" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td height="30" align="center" width="40"></td>
<td height="30" align="center"><center><div id="FFview">이곳에 글넣는다 치고</div></center></td>
</tr>
</table></td>
</tr>
<tr>
<td height="8" align="center"></td>
</tr>
</table>
</div>
|
댓글을 작성하시려면 로그인이 필요합니다.
프로그램
태그 필터 (최대 3개)
전체
개발자
소스
기타
mysql
팁자료실
javascript
php
linux
flash
정규표현식
jquery
node.js
mobile
웹서버
os
프로그램
강좌
썸네일
이미지관련
도로명주소
그누보드5
기획자
견적서
계약서
기획서
마케팅
제안서
seo
통계
서식
통계자료
퍼블리셔
html
css
반응형
웹접근성
퍼블리싱
표준화
반응형웹
홈페이지기초
부트스트랩
angularjs
포럼
스크린리더
센스리더
개발자톡
개발자팁
퍼블리셔톡
퍼블리셔팁
기획자톡
기획자팁
프로그램강좌
퍼블리싱강좌
댓글 6개
http://kkjiny12.tistory.com/18 이러한 방법으로 해결할 수 있긴 합니다.
나머지 7,8,9 버전에서는 의도하시는 데로 잘 동작하고 있습니다.
test dtd : xhtml 1.0 transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">로 되어있는 경우. 문제가 되었던것이네요.. 하루종일 삽질만 했다는ㅠㅜ
http://binalee.tistory.com/65
지운아빠님께서 답을주셔서 해결했습니다. 정말 정말 감사드립니다.^^
여기서 구하네요. 덕분에 유용하게 써먹을 수 있겠네요. 감사..^^
ie8에서 테스트 해봤답니다.