<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
html, body {height:100%; margin:0; padding:0;}
#header {position:relative;height:100px;background:#00C;}
#contents {height:100%;margin:-100px 0 0 0;background:#CCC;}
#box {padding:100px 0 0 0;}
}
</style></head>
<body>
<div id="header">menu</div>
<div id="contents">
<div id="box">body</div>
</div>
</body>
</html>
이올린에 북마크하기
이올린에 추천하기'IT,인터넷,컴퓨터 > CSS' 카테고리의 다른 글
| header 있고 body 있을때 body가 100% 높이 유지하도록 (0) | 2010/03/09 |
|---|---|
| E:first-child, E:lang(c) 유용한 몇가지 CSS (0) | 2010/01/26 |
| float 된 div를 포함한 div의 백그라운드가 안 보일때, float된 div 높이가 브라우저에 인식 안될때 clear해주는 방법 (4) | 2010/01/26 |
| 이미지 로딩이 필요없는 마우스오버 버튼 만들기 (0) | 2010/01/25 |
| IE8에서 이미지 사이의 여백 생기는 문제 (2) | 2010/01/15 |
| 스크롤바 관련 CSS (0) | 2009/10/20 |
댓글을 달아 주세요