묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
게시판 가로 사이즈 조절을 하고 시픈데 layout.css 수정하면 화면이 깨지는데...헬프~
2009.03.14 13:13
안녕하세요
XE를 쓰고 있는데요..
관리자에서 레이아웃 적용해서 게시판을 생성했습니다.
게시판 가로 사이즈를 조절하고 싶은데
게시판 설정 화면에서 가로 사이즈는 조절이 안되네요..
그래서 layout.css 파일을 열어서
직접 수정을 했습니다.
layout.css 파일을 열어보면
Content Box 코드가 있는데요..
/* Content Box */
.contentBox { float:left; width:780px; } < -- 이부분을 680px로 조절
.contentBox .centerBg {padding-top:1em;}
.contentBox .topBg {width:100%; height:10px; font-size:0;}
.contentBox .bottomBg {width:100%; height:10px; font-size:0;}
.contentArea {width:740px; margin:0 auto;} < -- 이부분을 640px로 조절
이 코드 사이즈를 조절하면 게시판 가로 사이즈가 조절이 되더라구요..
저렇게 같은 비율로 조절을 했는데
게시판 실제 목록 내용부분은 제대로 나오는데
테두리 선부분이 깨지더라구요..
어떤코드를 수정해줘야 하는지 잘 모르겠습니다.
고수님들 답변 좀 부탁드립니다..
XE를 쓰고 있는데요..
관리자에서 레이아웃 적용해서 게시판을 생성했습니다.
게시판 가로 사이즈를 조절하고 싶은데
게시판 설정 화면에서 가로 사이즈는 조절이 안되네요..
그래서 layout.css 파일을 열어서
직접 수정을 했습니다.
layout.css 파일을 열어보면
Content Box 코드가 있는데요..
/* Content Box */
.contentBox { float:left; width:780px; } < -- 이부분을 680px로 조절
.contentBox .centerBg {padding-top:1em;}
.contentBox .topBg {width:100%; height:10px; font-size:0;}
.contentBox .bottomBg {width:100%; height:10px; font-size:0;}
.contentArea {width:740px; margin:0 auto;} < -- 이부분을 640px로 조절
이 코드 사이즈를 조절하면 게시판 가로 사이즈가 조절이 되더라구요..
저렇게 같은 비율로 조절을 했는데
게시판 실제 목록 내용부분은 제대로 나오는데
테두리 선부분이 깨지더라구요..
어떤코드를 수정해줘야 하는지 잘 모르겠습니다.
고수님들 답변 좀 부탁드립니다..
댓글 2
-
Dreami
2009.03.14 16:40
-
조지영932
2009.03.15 20:30
답변 감사합니다.
근데 상단내용 하단내용에 태그만 넣어주니까
게시판 사이즈만 줄어들고 바깥쪽에 테두리는 그대로 있는데
그 사이즈까지 같이 줄이려면 어떻게 해야하는가요?
상단내용에
<div style="width:90%">
하단내용에
</div>