초보 퍼블리셔 레이아웃 질문드립니다!도와주세요.ㅠㅠㅠ
자올
안녕하세요!지금 레이아웃을 잡고있는데요!검정색- 배경파란색 - 메뉴보라색 - 컨텐트갈색 - 푸터 영역입니다.
css 입니다body { background:url(/key/images/body_bg.jpg) repeat-y; }div.container { display:block; min-height:100%; height:100%; margin-top:-50px;}div.container div.content { overflow:hidden; height:100%; padding-top:50px; } div.container div.content:after { display:block; content:; clear:both; }div.container div.content div.sub_cnt { float:left; width:341px; height:100%; }div.container div.content div.m_cnt_area { float:left; width:1110px;}div.footer { height:50px; margin-left:29px; background:#aaa; }
div class=container div class=content div class=sub_cnt div class=home /div div class=navi_area div class=gnb /div /div!--끝 : gnb -- /div!--끝 : 좌측 컨텐트 --
div class=m_cnt_area /div!--끝 : 오른쪽 컨텐트 -- /div!--끝 : content --/div!--끝 : container --푸터부분을 하단으로 위치시키고싶은데...어떻게 레이아웃을 짜야 하나요...
도와주세요...ㅠㅠㅠ
-
헛소동
포지션으로 bottom: 0px: 하고
푸터 높이 만큼 컨텐트를 페딩으로 padding-bottom: 풋터높이px: 해보심이?
보통 컨텐츠가 없으면 풋터는 위로 돌라가는 형태로 코딩을 만듬니다~
컨텐즈가 없는 경우는 없기때문이죠 없을 경우를 생각하시다면 컨텐츠를 min-width 값을 정해두시면 없을경우에도 원하는 위치에 고정이야하겠지만 별의미 없는 css 남용이 되지 안을까 생각합니다.
연습삼아 하시는거라면 이것 저것 연습해보셔요~ -
맛깔손
크게 두가지 방법
첫번째, 내용부분을 길어지는 것과 상관없이 그안에 스크롤을 넣어서 볼수 있게 하는 방법
두번째, 스크립트로 본문 내용의 높이를 구해 포지션으로 위치를 잡아주는방법
이렇게 될 경우 왼쪽부분도 같이 길어시게 스크립트로 같이 구현해야함 -
아인
본문내용이 길어지게 되면 푸터 영역과 본문내용이 겹치는데요..혹시 다른방법 아시나요??ㅠ이곳저곳 찾아서 적용하였는데 잘 안되네요.ㅠㅠ