html - 複数の iFrame の配置

Question

ページを一連の iFrame に「分割」して、このような方法で配置するにはどうすればよいですか: http://img81.imageshack.us/img81/4605/layoutew.jpgここで、各「ボックス」はスクロール可能な iFrame です。私の場合、最初の左上のペインに「ジャンル」、中央のペインに「作曲家」などのスクロール可能なリストが含まれています（注：私が問題を抱えているのは、実際には iFrame の配置だけです。リストなどのコーディングは問題ありません。質問にコンテキストを追加するためにそれらを強調しただけです）。

Answer 1

http://www.w3.org/TR/html4/present/frames.html

div                { padding:0;margin:0; }
.container         { position:relative; width:100%; height:100%;  }
.topcontainer      { height:45%; }
.box               { float:left; width:33%; padding:5px;  }
.bottom            { height:55%;  }

 <div class="container">
     <div class="topcontainer">
        <div class="box">content</div>
        <div class="box">content2</div>
        <div class="box">content3</div>
     </div>
     <div class="bottom">Yille!</div>
 </div>