Brower 화면의 100% 높이를 유지하는 Layout
브라우져 화면의 100% 높이를 유지하는 레이아웃 우선 height 100%를 사용하려면 html element와 body element의 높이를 100%로 확보해 주어야 합니다. #body 는 min-height 로 100%높이를 유지 해주고, #content-area 는 원하고자 하는 컨텐츠 영역을 확보 합니다. 이때, IE 는 min-height 를 지원하지 않으므로, conditional comment를 사용하여 height를 100% 로 확보 합니다. (주석같이 보이는 부분) #head 의 높이와 #foot 의 높이가 고정이어야 한다는 제약이 있습니다...만, 거의 대부분의 웹사이트가 고정이므로 별 문제는 없으리라 봅니다. 예시 요건 100px 높이 헤드 컨텐츠 영역 1 컨텐츠 영역 2 컨텐츠 ..
HTML/CSS
2008. 5. 24. 02:01