묻고답하기
레이아웃 content 부분 가로 크기를 수정하고 싶은데 ㅠㅠ
2011.01.17 15:05
레이아웃에 content 부분 그러니까 게시판이나 위젯 들어가는 부분요.
거기 레이아웃 크기를 수정하고싶은데 너무 페이지에 꽉 차니까 보기 싫은거에요.
게시판 크기는 뭐 상,하단으로 수정가능한데 이를테면 회원정보보기라던가 회원가입 화면 넘어가면
너무 화면 꽉 차서 보기가 싫어서 그 부분 레이아웃 가로 크기를 수정하고 싶거든요.
그래서 레이아웃->css->default 이거 열어서
/* Site Layout - Content Body */
#contentBody { position:relative; width:980px; padding-bottom:30px; background:url(../images/default/bgContentBody.gif) repeat-y left top; border-bottom:1px solid #dddddd; *zoom:1;}
#contentBody:after{ content:""; display:block; clear:both;}
이 부분에서 width:980px; 이 값을 수정해줬거든요? 근데 전혀 적용이 안되네요? ㅠㅠ
분명히 어디선가 여기 값을 수정해주란 얘기를 봤는데.......ㅠㅠ.........에고.....
초보라서 너무 어렵네요 ㅠㅠ......
코드를 보니 xe_official 레이아웃 사용하시는 것 같은데요.
#contentBody = #columnLeft(서브메뉴를 출력하는 단) + #columnRight(게시판/위젯을 출력하는 단)
따라서 아래 #columnRight의 width:770px;을 수정하시면 됩니다.
/* Site Layout - Column Right */
#columnRight { width:770px; float:right;}
#columnRight:after{ content:""; display:block; clear:both;}
#visualArea { width:770px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
#content { width:100%; overflow:hidden;}
하지만 내용 출력 단의 가로폭만 수정하면 전체 레이아웃이 깨질 수 있습니다.
#header, #footer, #contentBody, #bodyWrap의 가로폭(width:980px;)도 함께 수정해 주셔야
레이아웃 전체의 가로폭을 조화롭게 변경할 수 있을 것 같네요.