메인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개 / 댓글 2개
<script type="text/javascript">$(function() { var _left = $("#leftArea").height(); $("#rightArea").css("height", _left);});</script>답변에 대한 댓글 1개
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를 읽어서 페이지를 느리게 할 필요는 어ㅓㅄ어요!!!
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.
스크립트 사용하니 바로 div가 늘어나네요!!