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

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Google+ photo

Google+의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

%s에 연결하는 중