묻고답하기

  2. Support
  3. 묻고답하기

XHTML 기준으로 레이아웃 잡는거 질문좀 드릴께요~

2009.02.19 20:02

초절정동안

웹표준에 의거해서 홈페이지 만들려고 하는데요..
여태껏 테이블로만 레이아웃을 잡아오던 저로선 잘 적응이 안되네요...
DIV 이용해서 틀을 잡고 있는데요.
아래 와 같은 레이아웃을 잡으려고 하거든요..

#header는 대충 잡았는데 #middle 부분을 어떻게 해야하나요...
그리고 아래 소스에서 스타일시트부분에서 가독성을 더 높이는 방법 있으면 좀 알려주세요~
예를 들어 상위 레이어하고 하위 레이어 스타일을 따로 묶는다던지..
이런방법 있으면 알려주세요.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="메인" />
<title>테스트</title>
<style type="text/css">
body {
 color:white;
 background:#666666;
 margin:0;
 text-align:center;
}

#bodyWrap {
 padding:0;
 margin:0 auto;
 width:981px;
 height:auto;
}

#header {
 padding:0;
 width:100%;
 height:auto;
}

#logo {
 padding:0;
 width:100%;
 height:190px;
 background:url(home_image/toplogo.jpg) no-repeat;
}

#bar_bg {
 background:#333333;
 padding:0;
 width:100%;
 height:22px;
}

#bar_bg .bar_bg2 {
 margin:0 auto;
 width:977px;
 height:100%;
 border:solid white;
 border-width:0 1px;
 background:url(home_image/top_bg.gif) repeat-x;
}

#middle {
 background:#F5F5F5;
 width:979px;
 height:500px;
 border:solid #333333;
 border-width:0 1px 1px 1px;
}
</style>
</head>

<body>
<!--전체 틀(bodyWrap)-->
<div id="bodyWrap">
 <!-- 상단 -->
 <div id="header">
  <!-- 로고 -->
  <div id="logo">
  </div>

  <!-- 로고 밑 바 이미지-->
  <div id="bar_bg">
   <div class="bar_bg2">
   </div>
  </div>
 </div>
 <!-- 상단 끝 -->

 <!-- 컨텐츠 & 메뉴 -->
 <div id="middle">
  

 </div>
 <!-- 컨텐츠 & 메뉴 끝 -->
  
</div>
</body>
</html>

이 게시물을
좋아요
목록
글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
yourgabi 홈 url 줄이기 [1] 2011.05.09 by yoorim
yourgabi rss 아이콘 달기 [1] 2011.05.09 by yoorim
치즈미 이 스킨 어디서 다운받을수있죠? [1] 2011.05.09 by 에릭리카드
쿵푸팬더 글쓴 내용 메일 보내기 기능 추가?  
율랜 게시판 이미지 원본보기 이상해요 [1] 2011.05.09 by 백성찬
korman 메뉴생성과 수정이 안되요, [1] 2011.05.09 by 송동우
navyFlElD 탭형 최근글 위젯 문제!! 제발고수님들 답변해주세요 [1] file 2011.05.09 by 송동우
제로사용자 회원가입 질문드려요.  
unendliche .log 폴더? [1] 2011.05.09 by hhgyu
A to Z 회원가입이 안되요 [1] 2011.05.09 by 웹 엔진
우냠냠 계정이동후 cache 파일무한생성됩니다.. [2] 2011.05.09 by 라르게덴
최장율 아래 문제 해결이 안돼내요..  
코코루카 스킨 적용 (수정) [2] 2011.05.08 by 공듀
쿵푸팬더 여기 홈피 다운로드 왼쪽 카타고리 위젯? [1] 2011.05.08 by 공듀
모도도도 ftp연결문제/.  
제주촌닭 xe 주소창에 도메인뜨게 하는 방법 [2] 2011.05.08 by 오르막
May5 XpressEngine Core 1.4.5.7로 업데이트 후 [1] 2011.05.08 by 오르막
광현1 주인이하면되고 손님이하면안되고 미쳐 [3] 2011.05.08 by 송동우
최장율 xe 프로그램 업로드 파일을 찾을 수 없습니다.. [2] 2011.05.08 by 블루77
엠™ 게시판에서 사진정보 나오게 하는거 질문이요. [1] 2011.05.08 by 에릭리카드
태그 쓰기