높이 100% 컨텐츠 만들기

HTML Source

<!DOCTYPE html>
<html lang="ko">
<head>
</head>
<body>
     <header>
           header
     </header>
     <!-- Wrapper -->
     <div id="wrap">
           <div id="container">
                 container
           </div>
     </div>
     <!-- //Wrapper -->
     <footer>
           footer
     </footer>
</body>
</html>


CSS Source


html, body{height:100%}
header{height:50px}
#wrap{min-height:100%;margin:-50px 0 -100px}
* html #wrap {*height:100%}
#container{padding:51px 0 100px}
footer{height:100px}

이 글은 스프링노트에서 작성되었습니다.

Posted by 멀더끙

2011/10/08 17:18 2011/10/08 17:18
Response
0 Trackbacks , 0 Comments
RSS :
http://mulder21c.woobi.co.kr/main/rss/response/5

Trackback URL : http://mulder21c.woobi.co.kr/main/trackback/5


블로그 이미지

백업 블로그 자료 복구용

- 멀더끙

Archives

Authors

  1. 멀더끙

Recent Comments

Recent Trackbacks

Calendar

«   2018/05   »
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    

Site Stats

Total hits:
3684
Today:
1
Yesterday:
8