여러 iFrame 위치 지정

Question

페이지를 일련의 iFrame으로 나누고 이러한 종류의 방식으로 위치를 지정할 수있는 방법은 다음과 같습니다. http://img81.imageshack.us/img81/4605/layoutew.jpg 여기서 각 "상자"는 스크롤 가능한 iFrame으로, 여기에는 "Genres "첫 번째 왼쪽 상단 창에서 다음 중간 창에서"작곡가 "등 (NB : 정말 문제가있는 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>