묻고답하기
배경으로 이미지를 깔아놨는데 그 이미지가 푸터까지 침범해버려요
2014.10.27 21:09
원래라면
헤더
바디
푸터
로 끝이고 중간에 비는 곳에 이미지가 들어가야하는데
헤더
바디
푸터
이미지
이런식으로 푸터에서 페이지가 끝나질 않습니다
댓글 11
-
Kenta
2014.10.27 21:19
-
zbxetest
2014.10.27 21:33
그래서 넣어봤는데도 안되더라구요...ㅠㅠ
-
최최최쵭
2014.10.27 21:39
캡쳐화면이랑 html 코드 정도는 주셔야 알 것 같은데요 -
zbxetest
2014.10.27 21:44
<style type="text/css"> .xe_content { font-size:12px; }</style><style type="text/css">body {margin-left: 0px;margin-top: 30px;margin-right: 0px;margin-bottom: 0px;margin: 0;padding: 0px 0px -50px 800px;background-color: #FFFFFF;background-image:url(배경링크);background-repeat: repeat-x;height: 10%;}#login {width: 248px;height: 834px;text-align: left;margin:0 auto;float:left;}#login2 {width: 248px;height: 22px;text-align: left;margin:0 auto;}#login3 {padding-top:24px;width: 248px;height: 132px;text-align: left;margin:0 auto;}#login4 {width: 248px;height: 656px;text-align: left;margin:0 auto;}body,td,th {color: #000;}#content {border-style: solid;border-width: 2px;border-color: #e3e3e3;padding: 10px 15px;width: 987px;background: #ffffff;margin:0 auto;position: relative;overflow:hidden}.footer {margin-top: -12px;padding: 0px;background: #FFFFFF;position: relative;clear: both;height: 142px;}.bottom {background: #FFFFFF;width: 100%;overflow: hidden;}</style><meta http-equiv="Content-Type" content="text/html; charset=euc-kr" /></head><style type="text/css">a:link {text-decoration:none;}</style><body><div id="t1"><p align="center"></div></div></a><p></p><!-- content --><div id="content">{$content}</div></map></div><!-- //content --><div class="footer"><p align="center"><img src="푸터이미지링크" alt="" usemap="#Map2" border="0" /></map></div><div class="bottom"></div></map>여기요ㅠㅠ -
최최최쵭
2014.10.27 21:46
어떤 이미지가 푸터 밖으로 나온다는 거에요? -
zbxetest
2014.10.27 21:52
저기 바디 부분에 배경링크요.. 근데 게시판 안의 내용을 많이 쓰면 제대로 되는걸로 봐선 바디 배경을 유동적으로 조절해야할거같은데 방법을 모르겠네요ㅠ
-
최최최쵭
2014.10.27 21:55
#content {min-height: 500px; } 이렇게해보세요 -
zbxetest
2014.10.27 22:30
저 태그를 넣으면 해결이 되긴 하는데 쓸데없이 스크롤이 너무 길어져버리네요.. 혹시 다른 방법은 없을까요?
-
최최최쵭
2014.10.28 14:25
안그러면 코드 전체적으로 수정해야할 거에요. 간단하게 답변 드릴 수준은 아니라.. 너무 길어지면 픽셀값을 조금 수정해보세요^^ -
zbxetest 님만이 아니라 앞으로 zbxetest님이 만들어 놓으신 모든 사용자들이 사용하는 모니터의 높이와 그 사용자들이 사용하는 브라우져에 따른 상단 브라우져 공간의 여백을 뺀 높이까지 다 감안하셔서 만드셔야 합니다.
즉 zbxetest 님만을 위한 디자인인가 아닌가의 문제이죠??
약간 복잡해 지죠??
그럼 사용자들이 사용하는 브라우져의 높이값을 구하는 js를 만드신 다음 지금 잡아두신 header 부분과 footer 부분의 공간값을 사용자의 브라우져 높이값에서 제한 다음 그 값(X라 부르겠습니다)보다 지금 body 부분의 높이값이 적을때 body 부분의 높이를 X로 한다는 js를 만드셔야 합니다.
그런데 이렇게 다 하면 복잡하죠...
어차피 게시판이든 페이지든 처음 디자인 잡을때야 들어가는 내용이 없어서 낮게 잡히지 이리저리 내용 들어가다 보면 다 넉넉한 높이공간을 가지게 됩니다.
결론은 게시물 열심히 올리는게 최선일 수 있습니다.
-
zbxetest
2014.10.29 01:30
조언감사합니다. 글을 충분히 올렸더니 해결됐습니다.
제가 알기로는 푸터 부분 스타일에 overflow: hidden; 넣어주시면 되는걸로 알고있어요