DIV 홈페이지 레이아웃

홈페이지 DIV로 만드는 기본 레이아웃 소스이다.

잊어먹을까봐 올려둔다.

 

 

<style type='text/css'>

#main {text-align:center}

#main .all {width:1000px; margin:0 auto;}

#main .left {float:left; width:384px; height:100px; border:1px solid #ededed; padding:2px;

               text-align:left; background-color:#F5F5F5; margin:0 auto; display:inline;}

 

#main .right {float:right; width:384px; height:100px; border:1px solid #ededed; padding:2px;

                  text-align:left; background-color:#F5F5F5; margin:0 auto; margin-left:20px;

                  display:inline;}

</style>

 

  <div id='main'>
      <div class=all>
         <div class=left>좌1 내용출력</div>
         <div class=right>우1 내용출력</div>

 

     <div style='clear:both; height:10px;'></div>

 

         <div class=left>좌2 내용출력</div>
         <div class=right>우2 내용출력</div>
      </div>
  </div>