2012-12-07 7 views
1

해결할 수없는 문제가 있습니다. position: absolute 문제로 설정되어있는 큰 배경 배너가 있습니다. 배너의 높이에 상관없이 내 바닥 글이 끊임없이 아래에 있도록하고 싶습니다.절대 위치 아래 부동 부동

예 : 바닥 글 잘 보이는 : NOT 미세 http://danne-bro.com.web122.curanetserver.dk/histor.aspx 바닥 글 : 당신은 소스 코드에서 볼 수 있듯이 나는 많은 많은 것들을 시도 http://danne-bro.com.web122.curanetserver.dk/who.aspx

. 정확히 내가 배너 (이 높이의 상관없이) 아래에 바닥 글 머물 수 있도록하는 방법을 나에게 문제가

<div id="fit"> 
    <div class="wrapper"> 
     <div id="banner">BANNER IN HERE - Position Absolute so its always underneath</div> 
    </div> 
<div class="wrapper"> 
All content goes here - which is on top of the banner 
</div> 
    </div> 
    <div id="footer"> 
    Footer in here - should float right under the banner. 
    </div> 

그러나 : 내가 달성하기 위해 노력하고있어의 긁어 버전은 다음과 같이 될 것이다. 나는 내가 충분히 자신을 설명하기를 바란다.

답변

2

여러분의 요소가 문서 흐름에서 얻을 position: absolute; 사용하면, 당신은 최고를 사용해야하기 때문에 당신은 floatabsolute positioned 요소가, 왼쪽, 오른쪽, 바닥, 그것을 배치 할 수는에 실 거예요 작업을 수레 절대, 더 많거나 적은을 position: relative; 컨테이너 안에 절대 위치 지정된 div를 사용하거나 대신 ryan fait의 sticky footer

+0

부 (Boo)를 사용해보십시오. 그 대답은 대기열에 있습니다. : P – Rob

+1

@Rob 곧 이후 될;) –

+1

멋지게 설명 외계인, 짧은 선명 대답에 대한 투표. –