수다닷컴

div style=width:980px; position:relative; background:#eaeaea;
div style=width:800px;height:600px; float:right;
div style=width:700px; height:600px; float:left; background:#F90;
Body content
table width=900 border=1
tr
tdtest/td
/tr
/table
/div
div style=width:100px; height:600px; float:right; background:#6C6Body content/div
/div
div style=width:180px; height:600px; float:left; background:#9CFLeft area/div
/div

위와 같이 바디 부분을 3단 블로그형으로 작성을 하려 합니다.
float으로 레이아웃을 잡았는데요.

문제는 컨텐츠(예를 들어 html의 허용과 이미지의 사이즈)가 바디 컨텐츠 영역보다 크게 잡혔을시의 위와 같은 현상을
어떻게 해결하는지 궁금해서 질문 올립니다.
목적자체는 바디영역을 width값으로 넘어갔을시 위와 같이 겹치는게 아니라 유동적 사이즈내에서 조절이 되게 하고 싶어서요.
Body content 부분의 width값을 지정하지 않으면 레이아웃자체가 무너지는 문제점도 있고 합니다.

컨텐츠관리를 관리자가 한다면 문제가 없겠으나 여러군데서 작성된 데이터를 연동하는 상황이라 컨텐츠는 유동적일 수 밖에 없는 상황입니다.

고수님들 보시고 답변 부탁드립니다.
물론 테이블을 쓴다면 유동적으로 조절이 되겠으나 클라이언트의 강력한 요청에 의해 테이블을 배제 해야 해서요...

신청하기