동적인 Footer을 위해 이제껏 스크립트 언어를 이용하여 레이아웃을 짯지만
CrossBrowsing문제나 웹 로딩 속도에 문제를 가져오는 등 완벽할 수 없었다.
분명히 CSS로 가능 할 것 같아 이리저리 생각해보고
이론적으로 가능하게 완성시켰지만
정작 적용시에 제대로 이루어 지지 않았지만
그 것은 나의 지식이 부족하여 이루지 못한 것.
찾아낸 CSS 문이다.
물론 이것은 http://ryanfait.com/
CrossBrowsing문제나 웹 로딩 속도에 문제를 가져오는 등 완벽할 수 없었다.
분명히 CSS로 가능 할 것 같아 이리저리 생각해보고
이론적으로 가능하게 완성시켰지만
정작 적용시에 제대로 이루어 지지 않았지만
그 것은 나의 지식이 부족하여 이루지 못한 것.
찾아낸 CSS 문이다.
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
height: 142px; /* .push must be the same height as .footer */
}
/*
Sticky Footer by Ryan Fait
http://ryanfait.com/
*/
물론 이것은 http://ryanfait.com/