묻고답하기

  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 남기남
Moriya 페이지 위젯 코드 생성 오류  
진산월 만기일 활용팁 잘 작동하는지요?  
Mantaray™ 제로보드4 기존 홈피를 XE로 바꾸는것 [1] 2011.01.31 by 마이꿈이
김원웅 질문합니다  
알 파치노 랜덤 로그인 포인트 어떻게 구현하면 좋을까요?  
상해남 플래닛에서 사용자(네티즌)이 이미지 추가 하는 소스좀 부탁드립니다.  
카이대주 1.4.4.1 사용자 입니다. [1] 2011.01.31 by 마이꿈이
천공귀제 비번 찾기 에러시...... 해결책 좀 ....  
서민석203 익명게시판 !! 여기처럼 하는방법 아시는분? [1] 2011.01.31 by 마이꿈이
마이꿈이 IE7 이상부터 로그인 폼이 짤립니다  
kwane 관리자모드에서 레이아웃 설정버튼이 먹질 않네요?  
지오426 최근 문서에서 더보기(more)의 링크 오류 문제 [1] 2011.01.31 by 지오426
기린샘 추천 기능 에러 [1] 2011.01.31 by 공듀
laikblue 'jQuery'이(가) 정의되지 않았습니다.  
냥냥옹 세션 정리후 게시판에 들어가지지 않아요;  
김표 님들,, 좀 도와주이소,,,  
우영아빠 검색결과 영문표기 "일치하는 검색 결과가 없습니다" [1] 2011.01.31 by 老姜君
린독 그룹연동 기능 비활성화하기.. [1] 2011.01.31 by 老姜君
LeeSang 댓글 입력창을 댓글 맨위로 올릴려면 어떻게 하나요? [1] 2011.01.31 by 老姜君
이민주268 문서와 회원정보, 첨부파일은 어디에 저장되나요? [1] 2011.01.31 by 老姜君
태그 쓰기