<div id="wrap">
<div id="head">상단메뉴</div>
<div id="left_menu">
<ul>
<li>메뉴1</li>
<li>메뉴2</li>
<li>메뉴3</li>
<li>메뉴4</li>
</ul>
</div>
<div id="contents">컨텐츠내용</div>
</div>
대략 위와같은 내용으로 넣을려고 하는데..
div id="left_menu" 쪽에다가 배경색상을 넣었는데..
이것이.. 세로로 100%로 하면..
컨텐츠내용이 세로로 쭉~~늘어나면 좌측 배경도 같이 채워져야 하는데... 먹히질 않네요.ㅠㅠ
댓글 16개
음 그렇군요
저는 우선적으로 엘리먼트에 높이값을 퍼센트로 주는건 아니되오라고 생각하는 사람이라서 잘 생각을 못 해봤네요;;
난독증이 있어서 댓글에 내용을 이해를 잘 못했어요 ㅎㅎ
회사에서 눈치가 보이는 지라 ㅠㅠ
스크롤이 기나길게 생긴다면 그런문제가 생기겠네요;;
허나...container가 relative고 left_menu가 absolute;
contents영역이 스크롤이 생길만큼 기다면...
당연히 left_menu가 container를 기준으로 top:0; bottom:0;을 잡기때문에 100프로로 되지 않나요?;;;;;
left_menu라는 엘리먼트 자체를 body최상단에 놓고 포지션을 주면..
브라우저 크기에 따른 반응을 보여서 스크롤이 생기면 윗분 말씀처럼 될꺼같긴한데용;; container에도 속성을 주면 충분히 될꺼같은데요;;;(IE하위브라우저 제외)
뭐 속편하려면..배경이미지를 이용하는게 좋겠네요 ㅠㅠ;;
저는 우선적으로 엘리먼트에 높이값을 퍼센트로 주는건 아니되오라고 생각하는 사람이라서 잘 생각을 못 해봤네요;;
난독증이 있어서 댓글에 내용을 이해를 잘 못했어요 ㅎㅎ
회사에서 눈치가 보이는 지라 ㅠㅠ
스크롤이 기나길게 생긴다면 그런문제가 생기겠네요;;
허나...container가 relative고 left_menu가 absolute;
contents영역이 스크롤이 생길만큼 기다면...
당연히 left_menu가 container를 기준으로 top:0; bottom:0;을 잡기때문에 100프로로 되지 않나요?;;;;;
left_menu라는 엘리먼트 자체를 body최상단에 놓고 포지션을 주면..
브라우저 크기에 따른 반응을 보여서 스크롤이 생기면 윗분 말씀처럼 될꺼같긴한데용;; container에도 속성을 주면 충분히 될꺼같은데요;;;(IE하위브라우저 제외)
뭐 속편하려면..배경이미지를 이용하는게 좋겠네요 ㅠㅠ;;
정리
container : display:block; position:relative;
left_menu : position:absolute; top:0; bottom:0;
content : display:block; height:2000px;
위처럼 하면 content가 늘어나면 container도 늘어나서
자동적으로 left_menu는 container 크기만큼 100%로 늘어져있을꺼로 사료되네용;;
자세한건 테스트 해봐야겠네용;;허나 제가 지금 환경이 여의치 않아서 누가 대신 테스트 좀;;ㅠㅠ
container : display:block; position:relative;
left_menu : position:absolute; top:0; bottom:0;
content : display:block; height:2000px;
위처럼 하면 content가 늘어나면 container도 늘어나서
자동적으로 left_menu는 container 크기만큼 100%로 늘어져있을꺼로 사료되네용;;
자세한건 테스트 해봐야겠네용;;허나 제가 지금 환경이 여의치 않아서 누가 대신 테스트 좀;;ㅠㅠ
게시글 목록
| 번호 | 제목 |
|---|---|
| 5125 | |
| 31169 | |
| 31156 | |
| 24468 | |
| 5123 | |
| 26932 | |
| 18245 | |
| 18239 |
Mobile
디바이스별 viewport 설정.
5
|
| 5111 | |
| 18236 | |
| 5097 | |
| 5096 | |
| 26924 | |
| 5086 | |
| 5080 | |
| 31139 | |
| 26919 | |
| 5078 | |
| 26914 | |
| 26898 | |
| 18227 |
jQuery
제이쿼리 이미지 메뉴
8
|
| 24462 | |
| 26891 | |
| 5072 | |
| 5069 | |
| 5066 | |
| 26889 | |
| 24457 | |
| 5061 | |
| 30628 |
HTML
object 태그 질문 드ㅡ립니다
2
|
| 5059 | |
| 26413 |
견적서
엑셀.,견적서..,
13
|
| 18223 | |
| 18222 | |
| 31109 | |
| 26410 | |
| 26406 | |
| 5056 | |
| 5042 | |
| 26885 | |
| 31097 | |
| 18214 |
jQuery
유니클로 슬라이드 간략버전
7
|
| 5034 | |
| 5030 | |
| 31075 | |
| 26879 | |
| 5021 |
개발자
mysql 도움좀 주세요
8
|
| 5019 |
개발자
뭐든 최신은....
1
|
| 18207 |
MySQL
mysql 성능향상을 위한 팁..
6
|
| 26854 | |
| 5010 | |
| 5002 | |
| 4999 | |
| 4986 | |
| 4995 | |
| 18196 |
MySQL
조건문을 정확하게 써라
10
|
| 30626 | |
| 18195 |
JavaScript
여러개의 라디오버튼 모든 버튼 필수 입력 제이쿼리형
|
| 26852 |
퍼블리셔
처리됨 취소선 찍찍
1
|
| 26846 |
퍼블리셔
반응형 웹 견적내는법 아시는분
5
|
| 4985 | |
| 18186 | |
| 30622 | |
| 26842 |
퍼블리셔
CSS 문의 드립니다.
3
|
| 18184 | |
| 26839 | |
| 18182 | |
| 4972 |
개발자
오늘 조기 퇴근입니다.
12
|
| 4954 | |
| 4951 |
개발자
쪽지스팸
2
|
| 4947 | |
| 24448 | |
| 26832 |
퍼블리셔
퍼블리셔 서브 메뉴의 글
6
|
| 4937 | |
| 4934 | |
| 26827 | |
| 18181 |
JavaScript
체크박스 다중선택시 제한 걸기 (3개이상 선택시 애러메시지 출력)
|
| 4924 |
개발자
좋은정보라......
5
|
| 18169 | |
| 4930 | |
| 4917 | |
| 24438 | |
| 26820 |
퍼블리셔
같다 = 같다?
6
|
| 26813 | |
| 4912 | |
| 26804 | |
| 4906 |
개발자
모바일 크롬에서
5
|
| 4895 | |
| 4887 | |
| 4882 | |
| 4877 | |
| 4869 | |
| 30618 |
CSS
가상클래스 순서 외우기
3
|
| 4866 | |
| 26799 |
퍼블리셔
개발자이지만....ㅎㅎ
4
|
| 4862 | |
| 26795 |
퍼블리셔
오늘 아침 검색하다가 ㅋㅋㅋ
3
|
| 24430 | |
| 4857 |
개발자
MYSQL 괴현상..
4
|
| 30609 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기