묻고답하기
레이아웃 가로 길이
2008.09.29 18:54
레이아웃이 가운데에 있고, 양쪽에 여백이 있지 않습니까?
저는 양쪽 여백을 없애고 쓰고 싶습니다.
layout -> xe-official -> css -> default.css
를 수정해봤습니다.
/* Site Layout - Body Wrap */
body { background:#FFFFFF url(../images/default/bgBody.gif) repeat-x left top; }
#bodyWrap { width:980px; margin:1.5em auto 0 auto; }
의 980px 를 100% 로 바꾸니 일단 전체 100%를 쓰는것 같긴 하더군요.
그런데
/* Site Layout - Content Body */
#contentBody { position:relative; width:980px; padding-bottom:30px; overflow:hidden; background:url(../images/default/bgContentBody.gif) repeat-y left top; border-bottom:1px solid #dddddd;}
/* Site Layout - Column Right */
#columnRight { width:770px; float:right; overflow:hidden;}
#visualArea { width:770px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
#content { width:100%; overflow:hidden;}
이 두부분에서 노란색으로 표시된 부분들도 역시 100%로 하면 될거 같아서 해봤는데
모양이 이상하게 변하네요.
어떻게 하면...페이지 전체를 쓸 수 있을까요?
제가 하고 싶은건...
다른건 다 그대로 두고.... 게시판이 보이는 부분만 확장이 되면 됩니다.
메뉴는 왼쪽에 딱 붙게 되던데.. 저는 이게 좋습니다.
오른쪽은 게시판이 보이는 영역이죠. 이 부분이 오른쪽 끝까지 확장이 되면 됩니다.
누가좀 도와주세요. ㅠ.ㅠ
#contentBody { position:relative; width:100%; ..........
#columnLeft { position:relative; width:20%; float:left;}
#columnRight { width:80%; float:right; overflow:hidden;}
#visualArea { width:80%; .........
#content { width:100%; overflow:hidden;}
이렇게 해봤을것 같지만...^^
근데 요즈음은 사용되는 해상도의 편차가 큰데 힘들지(?) 않나요?