div 레이아웃 float 사용시 높이조절 > 끄적이

본문 바로가기
사이트 내 전체검색


회원로그인

끄적이

div 레이아웃 float 사용시 높이조절

페이지 정보

작성자 최고관리자 작성일17-07-05 18:03 조회32회 댓글0건

본문

div float으로 왼쪽 오른쪽 레이아웃 잡을 시
왼쪽 레이어의 테두리나 백그라운드를 오른쪽 레이어 높이랑 같아지게 하는 스크립트입니다.


<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){ //window.load 로 변경

 

$(window).load(function(){
//    var h_val = $("#contentarea").height();
//    $("#left").height(h_val);
   
    var l_height = $("#left").height();
    var r_height = $("#content").height();
    if(l_height < r_height) {
           $("#left").height(r_height);
    } else {
            $("#content").height(l_height);
     }
});
</script>

<div id="contentarea" style="width:990px; margin:0 auto; overflow:hidden; border:1px solid #ddd;">
   <div id="left" style="float:left; width:200px; border:1px solid #ccc;">
      left<br><br>
   </div>
   <div id="content" style="float:right; width:500px; border:1px solid #ccc;">
      right<br><br><br><br>adadfright<br><br><br><br>adadf<br>
   </div>
</div>

그누 질답에 답변으로 달았던 팁
[이 게시물은 뽁스님에 의해 2014-05-13 10:46:50 그누보드 팁에서 이동 됨]
[이 게시물은 관리자님에 의해 2015-03-19 13:25:20 Web Dev에서 이동 됨]



* 2014-05-11 에 작성한 글

  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.

끄적이 목록

Total 8건 1 페이지
끄적이 목록
번호 제목 글쓴이 날짜 조회
8 required 브라우저 알림 글자 변경하기~ 관련링크 최고관리자 01-24 10
7 jquery url 가져오기 최고관리자 01-15 11
열람중 div 레이아웃 float 사용시 높이조절 최고관리자 07-05 33
5 자바스크립트 ondblclick 더블클릭 이벤트 관련링크 최고관리자 07-05 32
4 가상서버호스팅 centos 설정 최고관리자 07-05 30
3 vim 사용법_틈틈히 작성 최고관리자 07-05 26
2 데비안(리눅스) 이미지 리사이즈 - 터미널에서 최고관리자 07-05 33
1 슥훌 가상서버호스팅 구입 후 세팅 최고관리자 07-05 24
게시물 검색

접속자집계

오늘
8
어제
11
최대
27
전체
1,798
그누보드5
회사소개 개인정보처리방침 서비스이용약관 Copyright © 소유하신 도메인. All rights reserved.
상단으로
모바일 버전으로 보기