메인Div 높이에 따라 서브Div 놓이가 자동으로 같게 하는방법좀 알려주세요
본문
지금 만들고 있는 사이트 인데.
왼쪽은 게시판등이 표시되어서 높이가 그때마다 변하는데.
오른쪽 rightArea는 높이가 고정되어버립니다.
좀 찾아봤는데
자바스크립트.
<script type="text/javascript">
window.onload = function(){
document.getElementById('leftArea').clientHeight = document.getElementById('rightArea').clientHeight;
}
</script>
넣어봤지만 실패.
CSS에서 #rightArea {height:auto !important;height:500px;}를 넣어봤는데 역시나 높이가 안따라 오네요.
다른 방법을 알고계신분은 꼭좀 알려주세용
답변 2
<script type="text/javascript">
$(function() {
var _left = $("#leftArea").height();
$("#rightArea").css("height", _left);
});
</script>
감사합니다!!
스크립트 사용하니 바로 div가 늘어나네요!!
clientheight는 사용자 == 클라이언트가 보고 있는 화면의 높이를 말하는거에요.
해당 attr == div의 높이는 dffsetHeight에요.
그리구 변수로 지정안하고 바로 쓰는건 안좋아요!!! 꼭 변수로 바꿔서 사용하는 버릇을 들이셔야해요 ㅎㅎ
<script>
var leftAreaH = document.getElementById("leftArea").offseHeight,
rightAraeaH = document.getElementById("leftArea");
rightAreaH.style.height = leftAreaH;
</script>
그리고 이거 window.onload = function() << 이거는 사용하면할수록 페이지 로딩이 느려져요.
소스는 순차적으로 위에서부터 읽어들이니깐 해당 div들 2개 아래에 넣으면해결되는데 다시 window.onload를 읽어서 페이지를 느리게 할 필요는 어ㅓㅄ어요!!!
감사합니다! 채택은 못해드렸지만 상세한설명을 해주셔서 공부가 되었습니다.