--css코딩--

 

/* wrapContainer */
body {background-color: #373737;}
#wrapTop, #wrapMid, #wrapBtm { clear: both; width:298px; margin: 0 auto; }
#wrapTop  { height: 13px; }
#wrapBtm { height: 6px; }
.tCenter, .bCenter { float: left; width:250px; }
.mCenter { float: left; width: 200px; }

#wrapTop { background: transparent url(./images/detail_left_top.png) no-repeat left top;  }
.tCenter { height: 13px; margin-left: 42px; display: inline; background: transparent url(./images/box_bg_01.png) repeat-x 0 0; }
.tRight { float: left; width: 6px; height: 13px; background: transparent url(./images/box_02.png) no-repeat 0 0; }

#wrapMid { background: transparent url(./images/box_bg_02.png) repeat-y left; }
.mRight {
 padding-left: 6px;
 background: transparent url(./images/box_bg_03.png) repeat-y right;
}

#wrapBtm{ height: 6px; background: transparent url(./images/box_03.png) no-repeat; }
.bCenter{ height: 6px; margin-left: 42px; display: inline; background: transparent url(./images/box_bg_04.png) repeat-x; }
.bRight{ float: left; width: 6px; height: 6px; background: transparent url(./images/box_04.png) no-repeat; }

#container {
  width:98%;
 height: 100%; background: #ffffff;
}
p { margin:0; }

 

 

 

--html 코딩--

<div id="wrapTop">
  <div class="tCenter"></div><div class="tRight"></div>
 </div>
 <div id="wrapMid">
  <div class="mRight">

   <div id="container">
         <p>내용</p>
   </div><!-- container close -->
        
  </div>
 </div>
 <div id="wrapBtm">
  <div class="bCenter"></div><div class="bRight"></div>
 </div>