[ 퍼블리싱 ] - 레이아웃 작업중

## 레이아웃 작업중 ## - http://jsfiddle.net/

참고 : http://html.nhncorp.com/uio_factory/ui_pattern/layout/5

<!-- top start-->

  <div class="header">

    header

  </div>

<!--// top start-->

<div class="wrap">

 <div class="container">

   <div class="left">

       left

   </div>

   <div class="center">

       body

   </div>

   <div class="right">

       right

   </div>

 </div>

</div>

<!--  하단 -->

  <div class="footer">

footer

  </div>

html { _filter:expression(document.execCommand("BackgroundImageCache", false, true))}

html, body{ height:100%; }

body .header{ height:50px; border:1px solid red; text-align:center; }

.wrap{ min-height:100%; margin:-50px 0 -100px 0;}

* html .wrap { *height:100% }

.wrap .container{ width:1250px; margin:0 auto; height:100%;}

.wrap .container .left{ border:1px solid blue; float:left; min-height:200px; width:200px; margin-top:50px; }

.wrap .container .center{ border:1px solid blue; float:left; min-height:200px; width:800px; margin-top:50px; }

.wrap .container .right{ border:1px solid blue; float:left; min-height:200px; width:200px; margin-top:50px; }

body .footer{ clear: both; height:100px; border:1px solid black; text-align:center; }