기본 레이아웃 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;
} 

작성자 : 닥터최

댓글 남기기

This site uses Akismet to reduce spam. Learn how your comment data is processed.