묻고답하기
div 세로 길이 자동으로 하려면 어찌 해줘야하나요?
2011.09.20 12:34
테이블은 옆에 셀에 내용이 있어서 길어지면.....
같은줄에 있는 셀의 세로 길이도 자동으로 길어지는데...
div는 각각 따로 놀다보니까 이걸 어찌 해줘야할지 모르겠어요....
컨텐츠의 길이에 따라서 옆에 테두리를 표시해주는 div들이 다 나와줘야하는데
세로길이를 100%로 해줘도 아예 나타나질 않네요. div에 내용이 없다보니..
내용 넣으면 딱 내용만큼만 세로길이가 나오구요.
테이블에서는 테두리가 참 편했는데 div에서는 테두리 만들기가 정말 노가다인거 같아요..
내용이 들어가는 div로는 테두리를 만들수가 없고..
테두리를 만들기 위해서 div만 수십개 만드네요... 진짜 이럴거면 테이블 쓰는게 훨씬 효율적일거 같단....
같은줄에 있는 셀의 세로 길이도 자동으로 길어지는데...
div는 각각 따로 놀다보니까 이걸 어찌 해줘야할지 모르겠어요....
컨텐츠의 길이에 따라서 옆에 테두리를 표시해주는 div들이 다 나와줘야하는데
세로길이를 100%로 해줘도 아예 나타나질 않네요. div에 내용이 없다보니..
내용 넣으면 딱 내용만큼만 세로길이가 나오구요.
테이블에서는 테두리가 참 편했는데 div에서는 테두리 만들기가 정말 노가다인거 같아요..
내용이 들어가는 div로는 테두리를 만들수가 없고..
테두리를 만들기 위해서 div만 수십개 만드네요... 진짜 이럴거면 테이블 쓰는게 훨씬 효율적일거 같단....
저는 보통 이중 boder를 위해 좌우측에 빈div를 사용 할 경우 가변 높이는 스크립트로 처리하고 있습니다. 타겟이 되는 div의 높이 값을 구하고 적용하는 것이지요.
간단하게는 jquery의 outerHeight 메소드를 이용하시면 될것 같습니다. (단점이라면 후처리라 로딩페이지나 레이어를 사용하지 않을 경우 스크립트 성능이 낮은 브라우져에서는 딜레이가 생깁니다)
참고 문서 : http://www.w3schools.com/jquery/css_height.asp