묻고답하기
우측메뉴 부분과 컨텐츠 부분이 함께 늘어나게 하는 방법좀 여쭤봅니다.
2008.04.22 17:15
다.
공식 레이 아웃을 3단 구성으로 바꾸어 사용중입니다.(포털 느낌좀 나게 하고 싶어서요)
그런데 3단으로 바꾸니 가운데 컨텐츠가 아무리 길어져도 우측/좌측 부분은 길이가 그대로 네요. 그래서 보기가 안좋습니다.
코드 구성을 보면
바디랩 안에..
div id="column left"
div id="column right"
div id="column right2"
이렇게 3단으로 나누어 주고 스타일 시트에서 float를 이용해 3단으로 사용합니다.
위 그림의 좌우 부분이 가운데 컨텐츠가 늘어나는 만큼 자동으로 늘어나게 하는 방법이 궁금합니다.
부탁드립니다. 지금 이걸로 일주일째 고민중인데 워낙 초보이다 보니 아직 해결책을 못찾았네요...ㅡㅡ;;
댓글 5
-
최근게시물을 더추가하는 방법 밖에는 늘어나지 않을거 같네요
-
NetEagle
2008.04.22 18:10
무작정 노가다로 알게된 방법이라 구체적인고 체계적인 설명을 할 수가 없습니다.
좌우당간에 이렇게 하니까 되더군요.
더 자세한 설명을 원한다면, 기억에 "제주사랑"이란 홈의 주인장이 작성한 글의 언급에서 해결하였으므로 이를 참고하세요.(기억이 확실치는 않음)
#mainright { position:relative; float:right; margin-top:0px; width:158px; background:#fbfbfb; border:1px solid #eff0ed;Height:expression(document.getElementById('columnRight').clientHeight); }
//{ position:relative; float:right; margin-top:0px; width:163px; background:#ffffff; border:0px solid #e7e7e7;}
아래 라인이 원래의 것이고 위의 것이 수정한 것으로 사이트 우측에 158px로 길게 나타나는 부분입니다.
columnRight가 옆으로 3단의 중앙 부분을 칭하는 ID입니다.
수정하는 파일의 위치는 layouts\xe_official\css\white.css(사용 중인)
초자의 설명을 너그럽게 이해하기를 바랍니다.
이 정도를 파악하는 것도 초심자에겐 무지 많은 검색과 노력이 필요하였음을 첨언합니다. -
guny
2008.04.22 19:15
-
DreamCT
2008.04.23 00:01
아..답변 주신분들 너무 감사합니다. 일이 바빠 이제야 확인했네요. 빨리 적용해 봐야 겠습니다.
다시한번 감사드립니다. ^^ -
DreamCT
2008.04.23 11:00
감사합니다. 덕분에 잘 해결 되었습니다.
Height:expression(document.getElementById('columnRight').clientHeight);
이 구문이 핵심이군요. 중앙 컨텐츠 좌우 스타일 시트에 위 구문을 넣으니 높이가 컨텐츠 구문에 맞추어 지네요. 감사합니다. ^^
