레이아웃이 가운데에 있고, 양쪽에 여백이 있지 않습니까?

저는 양쪽 여백을 없애고 쓰고 싶습니다.

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%로 하면 될거 같아서 해봤는데
모양이 이상하게 변하네요.


어떻게 하면...페이지 전체를 쓸 수 있을까요?

제가 하고 싶은건...

다른건 다 그대로 두고.... 게시판이 보이는 부분만 확장이 되면 됩니다.
메뉴는 왼쪽에 딱 붙게 되던데.. 저는 이게 좋습니다.
오른쪽은 게시판이 보이는 영역이죠. 이 부분이 오른쪽 끝까지 확장이 되면 됩니다.

누가좀 도와주세요. ㅠ.ㅠ