풋터의 크기가 100%인 사이트는 어떻게 만드나요?
이뻐
페이지를 크게 헤드, 바디, 풋터로 나눴을때 바디 부분을 100% 맞추는 소스는 봤는데.... 그 소스로 풋터 부분을 100% 맞추려고 하니까 안되네요...아랫쪽으로 공간이 생기네요. 어떻게 해야 할까요?
넓이 100%
head : 높이고정body : 높이고정footer : 화면에 맞게 높이 변동
얼마나 테이블 코딩 시절이 그립던지....ㅜ.ㅜ
고수님들의 조언 부탁드립니다.
-
연다홍 2025-09-13
답변 감사합니다. 작은아이님 소스로 당장 급한 메인의 문제를 해결했네요. ^^ 처음엔 메인이랑 서브랑 따로 나갈려구 그랬는데...같은 헤더랑 풋터를 사용할려니까...또 문제가 생기네요...^^ 초보라서 레이아웃 잡는 것 부터 버벅 거리네요. 아무래도 열심히 공부해야 할 것 같아요. 아...머리가 뽀개질려구 그래요...ㅜ.ㅜ
design13o님과 수다님도 답변 감사합니다. -
무들 2025-09-13
제 컴이 이상한지모르겠는데.. 이렇게만 하면 안돼서 #wrap { height:100%; } 이거주고 #wrap #container
에 보더값 포함해서 마진을 -102px 0 -52px 하니깐 맞는ㄱ ㅓ같아용- 0 - -
훌걸이 2025-09-13
*{margin:0; padding:0;}
html,body{height:100%;text-align:left;}
#wrap{width:500px;height:100%;margin:0 auto;}
#header{width:500px;height:100px;overflow:hidden;}
#container{width:500px;height:100%;border:1px solid red;overflow:hidden;margin:-105px 0 0px;}