푸터가 항상 밑에 붙어 있기

제목이 말하는 그대로다.
간혹 본문에 바로 밑에 푸터가 붙어 있을 경우 본문 내용이 적어서 푸터와 제일 밑 부분이 텅~~ 비워 질때가 있다.
뭐.. 개개인 취향이 그럴수도 있지만.. 내가 볼때는 영~~ 이상하게 보이더라.
table 로 레이아웃을 잡을때는 뭐 height: 100% 값이 잘 먹고 해서 쉽게 구현을 했지만..
처음 div로 레이아웃을 잡을때 이런 것 조차 왜 이렇게 잡기 힘들던지…
혹시나 도움이 될까 하고 적어 본다~

head 의 세로가 100px, body 를 margin-top 에 음수를 넣어서 위로 올린다.
body 밑에 foot 가 붙여야 함으로 foot를 보여주기 위해서 foot 의 세로 값 100px 까지 같이 올려 준다.
고로 margin-top: -200px;
body 안에 cnts 도 같이 올라가므로 이놈은 margin-top: 200px; 만큼 밀어 준다.
head , foot 높이 값이 변하면 body, cnts 의 margin-top 값도 신경써서 수정할수 있도록~

“푸터가 항상 밑에 붙어 있기”에 대한 1개의 생각

  1. 헛… doctype 위 다른 놈이 있어서 그런지… 미리보기 창에는 적용이 안되는군…;;
    글거 가서 해보면 될꺼에요~ -_-;

답글 남기기

이메일은 공개되지 않습니다.