웹표준·HTML·CSS

3층 구성 레이아웃

곰팅이씨 2008. 12. 2. 15:12

<meta http-equiv=content="text/html; charset=UTF-8">
<link rel="stylesheet" href="/common/sub.css" type="text/css">
<style>
#top {
 margin-top:20px;
 font-family:dotum;
 font-size:12px;
 color:#0f0f0f;
}
#middle {
 margin-top:20px;
 font-family:gulim;
 font-size:12px;
 color:#0f0f0f;
}
#bottom {
 margin-top:20px;
 font-family:dotum;
 font-size:12px;
 color:#0f0f0f;
}
</style>

 <div id="top">
  <? include $_SERVER[DOCUMENT_ROOT]."/top.php" ?>
 </div>
 <div id="middle" width="600">
  <div style="float:left;">
  감나와라
  </div>
  <div style="float:left;">
    뚝딱
  </div>
  <div>
   ...움메~
  </div>
 </div>
 <div id="bottom">
  <? include $_SERVER[DOCUMENT_ROOT]."/bottom.php" ?>
 </div>

'웹표준·HTML·CSS' 카테고리의 다른 글

CSS 핵 정리  (0) 2008.12.02
리스트 옆으로 정렬 식  (0) 2008.12.02
자주 사용하는 레이아웃 기본구조  (0) 2008.12.02
웹 신기술에 대한 정리  (0) 2008.12.02
플래시 메뉴 js 파일로 링크거는 방법  (0) 2008.12.02