세로 양쪽 세로 100% 레이아웃 문제입니다!
가막새
당췌 해결이 안되네요 ㅠㅠ고수님들의 답변을 기다립니다!
이런 레이아웃이 들어가야합니다.gnb와rnb에는 이미지 bg가 세로 100%로 들어갑니다.
**html**html,body {position:relative; z-index:1; min-width:1024px; height:100%;}body#sub_body {background:url(/images/common/lnb_bg.jpg) left bottom repeat-y;}
/*layout*//*왼쪽 메뉴*/#gnb {position:absolute; left:0; top:0; z-index:2; width:130px; height:100%; background:url(/images/common/lnb_leftbg.jpg) left top no-repeat;}/*오른쪽 메뉴*/#rnb {position:absolute; right:0; top:0; z-index:2; width:32px; height:100%; background:url(/images/common/rnb_bg.jpg) right top repeat-y;}/*상단메뉴*/#header {position:relative; z-index:10; width:780px; height:55px; padding-left:57px; margin:0 auto;}/*가운데*/#sub_wrap {height:100%; padding-left:57px; margin:-55px 0 0; padding-bottom:1px; background:url(/images/common/sub_bg.jpg) left top repeat-x;}* html #sub_wrap {height:100%;}/*하단 */#footer {position:relative; left:0; bottom:0; z-index:10; width:780px; height:70px; padding-left:160px; background:red;}
이렇게 나옵니다!!
노란 세로 배경이미지가 100%가 안되네여!!어떻게!! 안될까요?
-
LimeTree
레이아웃이 코딩만으로는 해결이 안되었었네여..
결국에는 onload로 세로 사이즈 높이 를 계산에서 읽히기로 했네여..ㅠㅠ; -
타키
우측에 rnb 같은 경우 높이가 일정하시다고 했는데
bg 는 정해준 높이만큼만 차면 된다는 말씀이신가요? -
상큼한캔디
처음엔 저도 요기를 보고시작을했는데요///
이 레이아웃으로 시작이 안되네요ㅠ;ㅋㅋ
하지만..답변감사합니다!! -
미련곰팅이
현재 추가 문제가 생겼어여 ㅠㅠgnb와 footer가 겹침 현상이 일어나네여..
gnb높이를 footer가 인식을 안하고있네요..아무래도 다시 레이아웃잡아야할듯.. -
아잉
마크업에서 해결을하셔야 할것같습니다 오른쪽rnb와 나머지요소를감싼 wrap과 처음부터 나누어야겠네요