CSS를 사용한 동적 레이아웃

Question

표준 헤더와 바닥 글이있는 4 열 레이아웃이 있습니다. 이 http://jsfiddle.net/gaby/mBuf9/

그러나 내용이 없으면/중앙에 데이터 난에 걸쳐 전체 콘텐츠 공간을 차지 오른쪽 대부분의 사업부를 원하는 등이

<div id="header"></div> 
<div id="leftnav"></div> 
<div id="maincontent"></div> 
<div id="nextcontent"></div> 
<div id="addtionalinfo"></div> 
<div id="footer"></div> 

뭔가 같은 그 뭔가. 마찬가지로 가장 왼쪽 div에 내용이 없으면 메인 컨텐츠가 나머지 공간으로 확장되기를 원합니다. 그것을 할 수있는 방법이 있습니까?

Answer 1

다음과 같이 시도해 볼 수 있습니다.

http://jsfiddle.net/mBuf9/28/

주요 변화가 있다는 것입니다 :

http://jsfiddle.net/mBuf9/27/

그리고 내용없이 같은 바이올린 : 여기

콘텐츠와 바이올린입니다 div s는 table에 있고 CSS에는 약간의 변화가 있습니다.

희망이 도움이 ...