기본 레이아웃 CSS – 3단3열구조

#container {
  width: 1024px;
  margin: 0 auto;
  background-color: transparent;
  /*padding: 0;*/
  /*border: solid 1px red;*/
  /*margin-top: 0;*/
  /*text-align:left;*/
}

#head {
  position:relative;
  width: 100%;
  min-height:30px;
  /*margin: 0 auto;*/
  background-color: #FFF;
  padding: 20px 0;
  border: solid 1px black;
  margin-top: 20px;
}

#trunk {
  position:relative;
  width: 100%;
  /*margin: 0 auto;*/
  min-height:300px;
  background-image:url(../images/column.png);
  background-color: #FFF;
  padding: 0;
  border: solid 1px black;
  margin-top: 5px;
  overflow:auto;
}

#col-left {
  width:200px;
  margin:0;padding:0;
  float:left;
  position:relative;
}
#col-center {
  width:624px;
  margin:0;padding:0;
  float:left;
  position:relative;
}
#col-right {
  width:200px;
  margin:0;padding:0;
  float:left;
  position:relative;
}

#foot {
  position:relative;
  width: 100%;
  min-height:30px;
  /*margin: 0 auto;*/
  background-color: #FFF;
  padding: 20px 0;
  border: solid 1px black;
  margin-top: 5px;
}

작성자 : 닥터최

글쓴이: 최효성

외과전문의,웹프로그래밍,컴퓨터 일러스트레이션 / Surgeon, Medical Illustration, Web Programmer 최효성의 모든 글 보기