하단 풋터고정

CSS 2012. 6. 7. 13:13

<!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" xml:lang="ko" lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>NEW</title>
<style type="text/css">
* {

margin: 0;

}

html,body {
height:100%;

}
.wrapper {
min-height:100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}
.footer {

height: 4em;

background:red;

}
</style>


</head>

<body>

<div class="wrapper">
<p>Your website content here.</p>
</div>
<div class="footer">
<p>Copyright (c) 2011</p>
</div>
</body>
</html>

[출처] 하단 풋터고정하기|작성자 이슬

 

'CSS' 카테고리의 다른 글

One-Time Expression 한번만 실행시키자.  (0) 2012.07.27
대체 텍스트기법  (0) 2012.06.27
스크립트 에디터  (0) 2012.05.23
CSS3로 만든 아이폰  (0) 2012.03.20
max-width:100%  (0) 2012.01.03
: