수다닷컴

문제 질문 제목이 난해하게 작성된것 죄송스럽게 생각합니다.
그렇지만 어떤 제목으로 해야될지 잘 모르겠어서 이렇게 제목을 쓰게 되었네요.

예전부터 작업할 때 궁금했던 점이었는데 이제야 이렇게 질문을 하게 됩니다.
홈페이지를 제작할 때 예를 들어 DIV로 코딩한다고 생각했을 때,
아래 하단부분의 위치를 어떻게 잡아줘야 될지 모르겠어서요.
다시 말하면 본문 내용이 고정되어 있을 때는 하단에 카피라이트 부분의 TOP, LEFT의 값을 줄 수 있겠지만,
게시판의 경우는 작성하는 글의 길이에 따라서 본문이 랜덤으로 늘어나게 되어 있는 경우
카피라이트 부분의 위치값을 고정으로 줄 수 없더라구요. 본문 길이에 따라서 원하는 DIV의 값이 자동으로 조절되게 할 수 있는 방법이 없을까 해서 이렇게 고수분들께 도움을 청하네요.

질문이 난해하신것 같아서 예를 들어 말씀드릴게요.
-----------------------------------------------
!-- CSS 파일 --
#top {position：absolute; top:0px; left:0px; width:100%; height:120px; z-index:1;}
#detail {position：absolute; top:130px; left:0px; width:100%; z-index:1;}
#bottom {position：absolute; left:0px; width:100%; z-index:1;}
!-- HTML 파일 --
div id=top헤더부분/div
div id=detail본문부분/div
div id=bottom하단 카피라이트부분/div
--------------------------------------------------
위의 소스는 간략하게 했는데요.
CSS 파일에서 #TOP은 위치값을 모두 넣어주었습니다.
그래서 #DETAIL의 위치값을 정해줄 수 있었습니다.
그런데,,,
#DETAIL의 HEIGHT 값을 넣어줄 수 없었습니다. 본문의 길이가 얼마나 늘어날지 모르는 상황이라서.
(물론, 아이프레임 방법도 생각했지만, 지금은 질문에 충실하게 답변 부탁드려요.)
그렇게 #DETAIL의 세로크기 값을 정해주지 못해서 #BOTTOM의 위치값을 정해줄 수 없었습니다.

/////// 질문 정리 /////////
#DETAIL의 유동적인 세로 또는 가로크기에 자동으로 #BOTTOM의 위치값이 지정되도록 하는 방법.

이부분을 예전에 어떤 분께서 자바스크립트로 하면 가능하다고 하셨었는데.
자세하게 소스나 이런것은 언급을 안해주셔서 혼자 연구하다가 또 이렇게 글을 올리게 되었습니다.
질문이 너무 난해하게 올려진것 같아 죄송스러운데 제가 생각하는 의도는 전달되었을 거라고 생각하면서
고수님들의 조언이나 팁을 기다리겠습니다.

신청하기