안녕하세요^^

이번에도 열심히 xe 공부하면서 사이트 제작하고 있는 일인입니다.

고수님들의 조언을 얻고자 이렇게 질문 남깁니다.

우선 저는 LNB와 Contents 영역으로 나눠진 전형적인 레이아웃 형태로 제작하고 있습니다.

그런데 LNB 부분에는 BG가 있는데 이 이미지는 Footer 시작부분까지 BG가 연결되어 있습니다.

그래서 예전부터 사용하던 소스를 활용해 적용했습니다.

<script type="text/javascript">
/*------------------------------------------------------------------------------------------
// 화면 로드 후 처리
------------------------------------------------------------------------------------------*/
window.onload = function()
{
 // div height 설정
 setDivHeight('leftWrap','content');
}

/*------------------------------------------------------------------------------------------
// div height 설정
// objSet : 변경할 div id
// objTar : height값을 구할 대상 div id
------------------------------------------------------------------------------------------*/
function setDivHeight(objSet, objTar)
{
  var objSet   = document.getElementById(objSet);
  var objTarHeight= document.getElementById(objTar).offsetHeight;

  if(objSet.offsetHeight<objTarHeight){
  objSet.style.height  = objTarHeight + "px";
  }
}
</script>

위와같은 소스는 leftWrap을 content의 height값에 따라 자동으로 변경하는 저에게 딱 맞는 기능이

적용된 소스입니다.

하지만 이 소스의 단점이라면 화면이로드된 이후 적용된다는 것입니다.

예를들어 contents 영역에 제가 display none과 block을 활용해 div를 넣었다면,

div1 번과 dvi2번이 버튼 하나로 페이지가 리로드 되지 않고도 보이도록 할 수 있습니다.

그런데 위 소스로 적용한 height값은 페이지 리로딩시 한번만 적용되고 고정이므로 완전한 동적이라고 할 수 없습니다.

예를들어

div1   1024px

div2   768px

이라면 위 소스 적용시 div1 contents 길이에 맞춰 height값이 1024px로 고정되어

div2 번으로 변경하더라도 768px 로 변경되지 않는다는 얘깁니다.

그래서 진정 화면 리로딩이 되지않더라도 동적으로 height값이 바뀌도록 하려면

어떻게 해야할지 고수님들의 조언좀 구하고자 합니다.

content 영역도 웹반응형으로 response 효과를 주고자 하는데

leftWrap 영역도 반응하도록 하려면 어떻게 해야할까요.

한단계 업그레이드 하고자 하는 초보 퍼블리셔에게 힘을주세요ㅠ

긴글 읽어주셔서 감사합니다^^