Frame without frame

layer를 사용하여 Frame같은 효과를 내보자.

간단히 화면구성이 다음과 같다고 하자.

1. left navigation
2. righ tnavigation
3. content

서두에서 얘기했듯이 table 포맷대신에 레이어를 사용하도록 한다.

   <div id="leftnavigation"></div>
   <div id="rightnavigation"></div>
   <div id="content"></div>

1.left navigation

#leftnavigation {
  position : absolute;
  left : 0;
  width : 150px;
  margin-left : 10px;
  margin-top : 20px;
  color : #000000;
  padding : 3px;
}

2.right navigation

#rightnavigation {
  position : absolute;
  left : 80%;
  top : 20px;
  width : 140px;
  padding-left : 10px;
  z-index : 3;
  color : #000000;
  padding : 3px;
}

3.content

#content {
  top : 0px;
  margin : 0px 25% 0 165px;
  padding : 3px;
  color : #000000;
}