CSS Column Divs 도움이 필요합니다

Question

왼쪽 열의 너비가 고정되어 있고 높이가 100 % (오른쪽 열이 무엇이든)이고 오른쪽 열의 유동 폭은 페이지 레이아웃을 구성하려고합니다. 나는 그 일을하는 다양한 방법을 시도했지만, 바로 그것을 얻을 수없는 것 .. 여기

내 코드입니다 :

<div id="pageHolder"> 
    <div id="topSection"> 
    header goes here 
    </div> 
    <div id="pageContainer"> 
    <div id="leftColumn"> 
     <div id="leftHolder"> 
     left stuff goes here 
     </div> 
    </div> 
    <div id="rightColumn"> 
     <div id="rightHolder"> 
     right stuff goes here 
     </div> 
    </div> 
    </div> 
    <div id="bottomSection"> 
    footer goes here 
    </div> 
</div> 

그리고 내 CSS는 다음과 같습니다 사람의 경우

body { 
    height: 100%; 
} 
div#pageHolder { 

} 
div#topSection { 
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
} 
div#pageContainer { 
    position: relative; 
    width: 100%; 
    height: 100%; 
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
} 
div#leftColumn { 
    position: relative; 
    float: left; 
    width: 285px; 
    height: 100%; 
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
} 
div#leftHolder { 
    padding: 25px 25px 25px 25px; 
    margin: 0px 0px 0px 0px; 
} 
div#rightColumn { 
    position: relative; 
    height: 100%; 
    min-height: 100%; 
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 285px; 
} 
div#rightHolder { 
    padding: 25px 25px 25px 25px; 
    margin: 0px 0px 0px 0px; 
} 
div#bottomSection { 
    clear: both; 
} 

나를 도와 줄 수있어, 환상적 일거야 :)

Answer 1

이 밖으로 시도 :

div#leftColumn { 
    position: absolute; 
    float: left; 
    width: 285px; 
    height: 100%; 
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
} 

** 편집 : 두 번째 생각에 아마도 최대 너비를 사용하고 위치를 유지하려면 최대 높이가 당신을 돕기 위해 뭔가를 할 수 : 상대를.

Answer 2

나는 당신의 CSS에서 body 정의를 body, html으로 바꿀뿐만 아니라 높이를 pageHolder

body, html { 
    height: 100%; 
} 
div#pageHolder { 
    height: 100%; 
} 

내부 콘텐츠에 관계없이 불필요한 스크롤바가 표시되기 때문에 매우 귀찮습니다. 이것이 당신이 성취하려고하는 것입니까?

Answer 3

http://css-tricks.com/the-perfect-fluid-width-layout/

난이 (.. 덕분에 그 추가됩니다하지만 100 % 높이로 왼쪽 열을 얻기 위해 노력하고있어 당신이