클

하단에 딱붙어있는 레이어는 어떻게 만들어야 할지?

· 2012-05-02 (수) 21:40:01 · 4377 · 6
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>

|

댓글 6개

2012-05-02 (수) 23:31:25
테스트를 ie6 에서 하셨나보네요. ie6은 position:fixed 속성을 지원하지 않습니다.
http://kkjiny12.tistory.com/18 이러한 방법으로 해결할 수 있긴 합니다.
나머지 7,8,9 버전에서는 의도하시는 데로 잘 동작하고 있습니다.
test dtd : xhtml 1.0 transitional
2012-05-03 (목) 14:29:29
지운아빠님 감사드립니다. 익스플러로 9인데도 안되서 계속 삽질하고 있던터였는데 마지막에 테스트 환경에서 힌트를 얻어 검색해보니
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">로 되어있는 경우. 문제가 되었던것이네요.. 하루종일 삽질만 했다는ㅠㅜ
http://binalee.tistory.com/65
지운아빠님께서 답을주셔서 해결했습니다. 정말 정말 감사드립니다.^^
저도 이 소스 예전에 필요해서 찾았던 기억이 있었는데...
여기서 구하네요. 덕분에 유용하게 써먹을 수 있겠네요. 감사..^^
위의 소스를 적용 해봤는데요! 파폭에서는 정상적으로 되는데 ie에서는 안따라다니네요! ㅠㅠ;
ie8에서 테스트 해봤답니다.
2012-05-08 (화) 09:21:40
클럽매냐님처럼 DTD 선언 문제인 것 같네요.
저도 DTD 선언 중 Strict (가장엄격) 을 사용하여 잘 되던 코드들이 안되었던 경험이 있습니다.
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
12-08-29 조회 3,903
12-08-07 조회 3,570
12-08-03 조회 3,498
12-07-31 조회 3,612
12-07-30 조회 3,573
12-07-16 조회 3,779
12-07-15 조회 3,475
12-07-07 조회 3,474
12-07-06 조회 3,579
12-07-03 조회 3,630
12-06-29 조회 3,213
12-06-22 조회 3,581
12-06-17 조회 3,695
12-05-21 조회 3,772
12-05-02 조회 3,355
12-05-02 조회 4,146
12-05-02 조회 3,259
12-04-30 조회 3,407
12-04-30 조회 3,118
12-03-17 조회 3,933
12-03-10 조회 3,334
12-03-08 조회 3,749
12-03-03 조회 3,511
12-02-27 조회 4,923
12-02-17 조회 4,274
12-02-16 조회 4,424
12-02-03 조회 3,259
12-01-31 조회 3,004
12-01-24 조회 3,075
12-01-17 조회 3,827
12-01-05 조회 3,383
11-12-30 조회 2,997
11-12-23 조회 4,605
11-12-08 조회 3,361
11-12-07 조회 4,339
11-11-27 조회 3,769
11-11-25 조회 4,095
11-11-23 조회 3,483
11-11-22 조회 3,432
11-11-09 조회 3,173
11-10-23 조회 3,074
11-10-19 조회 3,051
11-10-08 조회 2,758
11-10-04 조회 2,773
11-10-04 조회 5,213
11-09-01 조회 4,273
11-08-13 조회 2,448
11-08-06 조회 3,138
11-07-11 조회 3,535
11-06-27 조회 2,903
11-06-21 조회 2,534
11-06-13 조회 2,353
11-06-07 조회 2,358
11-05-26 조회 2,357
11-04-20 조회 2,676
11-03-21 조회 2,766
11-03-18 조회 2,460
11-03-11 조회 2,498
11-02-07 조회 2,314
11-01-18 조회 2,638
11-01-12 조회 2,361
11-01-06 조회 2,481
10-12-10 조회 2,739
10-12-09 조회 2,400
10-12-08 조회 4,989
10-11-29 조회 2,508
10-11-28 조회 2,728
10-11-28 조회 2,578
10-11-19 조회 2,760
10-11-04 조회 2,676
10-10-21 조회 2,385
10-10-19 조회 3,336
10-10-12 조회 2,658
10-10-07 조회 2,465
10-09-30 조회 3,445
10-09-17 조회 3,841
10-09-17 조회 3,801
10-05-31 조회 3,469
09-12-31 조회 3,611
09-07-23 조회 4,913
08-09-16 조회 3,168
08-09-06 조회 2,888
08-09-04 조회 3,322
08-08-16 조회 4,375
08-08-15 조회 3,249
08-08-14 조회 4,457
08-08-12 조회 3,818
08-07-23 조회 2,745
08-07-10 조회 3,681
08-07-04 조회 2,913
08-06-27 조회 7,566
08-06-19 조회 4,853
08-05-27 조회 5,466
08-05-25 조회 5,294
08-05-23 조회 3,363
08-05-23 조회 4,501
08-05-21 조회 4,884
08-05-20 조회 4,012
08-05-20 조회 3,247
08-04-18 조회 4,278