Positionnement de plusieurs iFrame

Question

Comment puis-je "diviser" une page en une série d'iFrames et les positionner de cette façon: http://img81.imageshack.us/img81/4605/layoutew.jpg où chaque "boîte" est un iFrame défilant, dans mon cas contenant une liste déroulante de "Genres "dans le premier panneau en haut à gauche, puis" Composers "dans le panneau du milieu, etc. (NB: c'est seulement le positionnement d'iFrame qui me pose problème, je vais bien coder les listes, etc. un point d'entre eux pour ajouter un peu de contexte à ma question).

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>