2012-09-30 4 views
0

나는이 방법을 사용하여 끈적 끈적한 바닥 글이있는 페이지가 발행 IE6 (불행히도이 멍청한 브라우저를 지원해야합니다). 바닥 글은 창의 아래쪽으로 이동하여 거기에 머물러 있습니다 (페이지가 창 크기를 지나서 확장됩니다). 따라서 바닥 글을 스크롤하면 가운데에 머물러 있습니다.스티커 바닥 글 IE6는

가 여기 내 끈적 끈적한 바닥 글에 대한 관련 HTML 코드입니다 :

<div class="container"> 
    <div class="header">...</div> 
    <div class="navigation">...</div> 
    <div class="main">...</div> 
    <div class="footer">...</div> 
</div> 

CSS :

html, body { height:100%; } 
.container { min-height:100%; position:relative; } 
.main { padding-bottom:50px; } 
.footer { padding:10px 0; position:absolute; bottom:0; width:100%; background:#ffffff; height:22px; line-height:22px; } 
.ie6 .container { height:100%; zoom:1;} 
+0

IE6을 지원하는 이유는 무엇입니까? 그 브라우저는 죽었다. – Zaffy

+0

유감 스럽지만 대기업은 여전히 ​​업그레이드하기에 너무 게을러서 브라우저의 당혹감을 지원해야합니다. – Reina

답변

0

난 항상 내 스티커 바닥 글에 대해 동일한 방법을 사용하고 또한 IE6에서 나를 위해 작동, 당신은 그것을 시도해야합니다 :

http://www.cssstickyfooter.com/

행운을 빕니다!