수다닷컴

걍 혼자 스스로 해볼래는데.
이렇게 또 하코사에 질문을 올립니다 - -

이런식으로 구역 나눴습니다.
아.. 모바일웹이구요..
그래서 디바이스의 회전에 따라서 페이지가 가변적으로 이루어졌습니다.
그런데 문제는...
젤 아래 copyright 이 부분인데요.
그냥 예를 들어.. 갤럭시탭에서 세로형으로 봤을때는 문제가 없는데.. 가로형으로 돌리면 또 아래 이미지 처럼도 됩니다..
컨텐츠 부분이 스크롤이 안되고 내용이 작은 페이지가 몇있습니다.
그래서 아래 카피라잇 부분을 position:fixed 시켜서 젤 하단에 위치를 해놨었습니다.
그런데 길어지는 페이지에서 동일한 형태로 하다보니...

이런식으로 footer 영역이 위에서 고정되있더라구요.
이미지를 잘 알아보실찌 의문이지만.. footer 부분은 가만히 있고 아래로 내용들이 깔려져 보입니다.
저는 윈도우창에 맞춰서 그냥 맨아래에 위치해 있으면 좋겠는데.
컨텐츠의 부분의 내용 양에 따라서 맞추는게 좀 힘드네요.. 저에게 말이죠;

body id=main
div id=container
div id=header
/div
div id=contents
/div
/div
div id=footerⓒ Textore eContents mall/div
/div

크게 레이아웃을 봤을때 이런식으로 하였습니다..
그리고 footer에 대한부분에 있어선
css
#main {position:relative; overflow-x:hidden;}
#container {position:relative; width:100%; min-width:218px; text-align:justify;}
#footer {height:2.25em; width:100%; background:url(../images/footer_bg.gif) repeat-x; color:#b6b6b6; font-size:1em; font-weight:bold; padding:13px 0 0 0; position:absolute; left:0; bottom:0; text-align:center;}
#footer2 { clear:both; height:2.25em; width:100%; background:url(../images/footer_bg.gif) repeat-x; color:#b6b6b6; font-size:1em; font-weight:bold; padding:13px 0 0 0; text-align:center;}
이렇게요..
footer1,2로 나눈이유는 픽스 시키고 안시키는거.. 그러니까 컨텐츠 부분의 내용이 많을때는 컨텐츠 제일 아래 부분에 위치하게 하려고 나눴는데... 먼가 이상하네여;; ㅠ

항상 디바이스 어디에서나.. 그냥 맨아래.. 그니까 컨텐츠부분 내용이 많으면 스크롤 맨아래 부분에 위치하고,,
내용이 없을때는 디바이스 항시 아래쪽에.. 위치하게 footer 설정하는 방법은 없을까요?
회전했을때도 마찬가지루요...
답변주시면 감사하겠습니다.

신청하기