index.html


		
contents
Rev Factory



style.css

html,body {
	padding: 0;
	margin: 0;
	text-align: center;
	height: 100%;
}

body {
	font-size: 12px;
	font-family: "돋음",dotum,sans-serif;
	color: #333;
}

#Head {
	position: relative;
	width: 100%;
	height: 50px;
	overflow: hidden;
	z-index: 10;
	background-color: #eee;
}

#bodyWrap {
	width: 100%;
	min-height: 100%;
	margin: -50px auto -30px;
	background-color: #fbfcfc;
	z-index: 5;
}

/* IE Hack */
*html #bodyWrap { 
	height: 100%;
}

#footerWrap {
	display: block;
	width: 100%;
	line-height: 30px;
	height: 30px;
	background-color: #e9eff6;
	clear: both;
}

#bodyWrap > nav, #bodyWrap > section {
	padding: 50px 0 30px 0;
}

#bodyWrap > nav {
	background: #ffdfee;
	float: left;
	margin-right: -200px;
	width: 200px;
	height: 200px;
}

#bodyWrap > section {
	margin-left: 200px;
	background: #ffffee;
	height: 500px;
}

#bodyWrap > section:after {
	content:" "; 
	display:block; 
	clear:both;
}





참고 블로그 


저작자 표시 비영리 변경 금지
신고

'프로그래밍 > HTML5' 카테고리의 다른 글

HTML5 기본 Layout Template  (0) 2015.03.18
HTML4 와 HTML5의 차이점  (0) 2013.01.19

WRITTEN BY
RevFactory
REV는 '향상시키다' 의미를 지니고 있습니다. 이곳은 Rev Factory 입니다! Kakao Developer

받은 트랙백이 없고 , 댓글이 없습니다.
secret