안녕하세요!

div로 코딩하다가 막히는 부분이 있어서 문의합니다.

보시다시피 A,B,C,D 영역의 DIV가 있습니다.

본문이 C라고 할 경우...

C 내용이 길어서 늘어나면 B 영역도 같이 늘어나게 하고싶은데..

도저히 알 수가 없네요. 검색해봐도 안나오고...

소스를 대충 예로 들자면

#container { margin:0 auto; width:800px; overflow:hidden; }

#container .header { width:800px; background-color:#777777; }

#container .left { width:250px; clear:both; float:left; background-color:#111111; overflow:hidden; }

#container .article { width:550px; float:left; overflow:block; background-color:#555555; overflow:hidden; }

#container .footer { width:800px; clear:both; background-color:#333333; }

<div id="container">

  <div class="header">A</div>

  <div class="left">B</div>

  <div class="article">C</div>

  <div class="footer">D</div>

</div>

이런식이 되는데... C 본문이 세로로 늘어날 경우

B는 늘어나지 않네요..

C와 B가 같이 늘어날 수 있는 방법을 아시는 분은 답변 부탁드립니다.

(table은 사용 안하고 싶습니다..)

추신. 저번에 글을 이상하게 올려서 질문자체의 의도가 벗어났었습니다 ㅠ

군대에 있다보니 확인이 느리네요..