아래쪽 너비가 조정되지 않았습니다.

내 CSS 레이아웃의 맨 아래 부분을 구성하려하지만이를 수행하는 방법을 알아낼 수 없습니다.아래쪽 너비가 조정되지 않았습니다.

body { 
    background: #f9f9f9; 
    font-family: 'Droid Sans', sans-serif; 
    color: #777; 
    font-size:13px; 
    line-height:25px; 
} 


#footer { 
    background: #1b1b1b url("../images2/footer.jpg") repeat top; 
    padding:50px 0; 
    width:100%; 
    color: #867f72; 
}

코드 :

<!-- START #footer --> 
    <div id="footer"> 
     vxsvsd 
    </div> 
    <!-- END #footer -->

실시간 미리보기 : http://www.krissales.me/user/tyler/whmcs/index.php

스크롤 다운, 너희들은 화면 하단에 앉아 있지 왜 아시나요? 대신 엄청난 차이가 있습니다. 내가 맞은 게 맞지 않니?

감사합니다.

출처

2013-08-03 TrippedStackers

차이가 보이지 않고 CSS에 위치가 없으므로 주 콘텐츠 아래에 표시됩니다. –

정확히 어떤 하단 간격입니까? – user1721135

바로 아래의 틈새 : http://uploadir.com/u/96kpw0bc 맨 아래에 그 차이가 있습니까? 바닥 글을 아래쪽으로 밀기에 충분한 콘텐츠가 기본 div에 없기 때문입니까? – TrippedStackers

더 격차가 전혀 바닥 글 스타일이 추가되지 갖고 싶어 :

position: fixed; 
bottom: 0px;

그래도주의 할이가 할 수있는 것을 의미 하단에 항상 바닥 글 을 보여줄 것이며, 대부분이 주요 콘텐츠와 겹칠 것입니다. 이 문제를 방지하려면 기본 콘텐츠에 min-height을 추가하는 것이 좋습니다. 아니면 그냥 포기하고 그대로 두십시오. 한마디로 http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

: 설정 '위치 : 절대'와 '바닥 : 0'바닥 글에 대한 고정 된 높이가있는 경우

출처

2013-08-03 20:27:25 Dunno

, 당신은에서 트릭을 사용하여 바닥 글에 대한 다음 설정 하단 요소는 바닥 글의 높이에 맞춰져 있습니다. 또한 'min-height : 100 %'및 'positioning : relative'가있는 래퍼 요소가 있어야합니다.

출처

2013-08-03 21:03:59 Whistletoe

아래쪽 너비가 조정되지 않았습니다.

답변

관련 문제