2012-10-18 2 views
0

바닥 글을 컨테이너 바깥 쪽 페이지 아래쪽에 배치하려면 어떻게합니까? 템플릿은 상용구를 기반으로합니다.바닥 글 div를 컨테이너 외부에 배치하십시오.

맨 아래에 앉히려면 어떤 CSS를 사용해야합니까?

HTML :

</div><!-- end of container --> 

    <div clear="clear"></div> 
      <div id="footer" class="w960"> 
     <div id="footerHolder"> 
      <div class="foot left"></div> 

      <!-- 
      <div class="foot right"> 
       FOLLOW US: 
       <div id="social"> 
        <a href=""><div id="fb" class="socialIcon"></div></a> 
        <a href=""><div id="tw" class="socialIcon"></div></a> 
       </div> 
      </div> 
      --> 
     </div> 
    </div> 

CSS :

#container{width:960px;margin:0px auto 40px auto;} 
#footer{width:100%;clear:both; height:66px;background:#2d2d2f;} 
#footerHolder{width:960px;margin:auto;} 
+0

필요에 따라 마크 업을 이동 하시겠습니까? 너는 충분히 구체적이지 않은 것 같은데. –

+0

@MicahHenning 위의 질문에 마크 업이 있습니다. CSS가 맨 아래에 앉을 수있는 권리를 얻을 수 없습니다. –

+0

하단에 앉아 싶은 요소는 무엇입니까? 그리고 그 요소를 페이지 나 창에 고정시키고 싶습니까? –

답변

0

회원님이 정확히 찾고 있지만 #footerHolder가의 #footer를 포함 할 수 없습니다 무엇인지? 또한 #footer에서 clear : both 속성을 지정하므로 div clear = "clear" 이 필요하지 않습니다. 페이지 하단에 잘 보관해야합니다.

+0

콘텐츠의 절반 정도가 아니라 페이지 하단에 바닥 글을 가져 오려고합니다. 나는 그들을 주변에 바꿨다. 그리고 그것이 틀린 어떤 부정 –