이 글은 제 답변은 아닙니다.

어느 분의 글을 보관 하고 있던 글 입니다.

소스를 응용 하시면 될 것 같습니다.

현재 익스6.7.8 및 파이어폭스, 크롬에선 작동하는것 을 확인 하였습니다. 

div로 홈페이지를 제작할때 좌측에 200px 로 고정된 div가 하나 있고 , 본문에 200px를 빼나 나머지 전체를 채우는 div가 있다고 가정하겠습니다. 

고정px  값을 가지는 div는 문제가 없지만 % 값을 가지는 div는 좌측 200px 때문에 두개의 div가 함께 보여지지 않는데.. 

이럴때 margin 값을 - 로 처리해서 적용을 하면 해결이 됩니다. 

<div style="width:100%">

<div style="position:relative;width:200px;margin-right:-200px; float:left;>

</div>

<div style="position:relative;width:100%;margin-right:-200px;float:right;>

</div>

</div>

이런식으로 하면 우측의 본문에 해당 하는 부분이 스크롤 상황에 따라 자동적으로 줄어들고, 늘어나는 형태로 처리됩니다. 

물론 좌측은 고정되어 있구요.^^ 

 jQuery를 기준으로 하겠습니다.

<div id="iframe_box">

    <iframe></iframe>

</div>

란게 있다고 하면

자바스크립트로

$(function(){

    var boxframe=$("#iframe_box");

    var inframe=boxframe.find("iframe");

    inframe.attr("src","게시판주소"); //이건 위의 iframe에서 해도 됩니다.

    inframe.css("width",boxframe.width());

    inframe.css("height",boxframe.height());

});

이렇게 해주시면 될것 같습니다.

지금 따로 테스트를 안해보고 쓰고 있는지라 약간의 실수가 있을 수 있으니 양해 바랍니다;