게시판 너비 다시 질문드려봅니다 ㅠ
본문
#container {z-index:4;position:relative;float:left;width:728px;min-height:500px;height:auto !important;height:500px;font-size:1em;zoom:1;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {padding-bottom:5px;margin-bottom:10px;font-size:16px;font-weight:bold;}
게시판 너비를 728로 넓히고 싶어서 개발자 도구로 보니 css>default.css수정을해야해서 위 소스를 수정해주었습니다.
테마 폴더안에 있는 css폴더 안 파일을 수정했고요.
근데 업로드후 새로고침해도 710으로 기존 너비가 뜨는데 뭐가 잘못된걸까요?ㅜ
몇시간째 이것저것 해보고있는데 안되어서 다시 질문드려봅니다.
감사합니다.
답변 3
#container_wr
이 부분에 width값을 줘보세요.
#container 에 지정된 width:728px 부분은 삭제하시구요.
default.css에 container_wr 부분은 찾아보니 없네요 ㅜ_ㅜ 어케해야할까요...
아.. 5.2버젼이시군요.
그렇다면 #wrapper 부분을 한번 살펴보세요.
width값이 지정되어 있다면 그곳도 수정해야 할겁니다.
돌쇠님 정말 죄송한데 제가 말씀해주신데로 코드찾아서 위같이 수정했는데요 코드 첨부했는데 한번만 봐주실 수 있을까요? 말씀해주신부분 찾아서 수정했는데 먹히지가 않아서요 ㅜ_ㅜ 죄송합니다!
* 중간 레이아웃 */
#wrapper {z-index:5;margin:25px auto 0 auto;width:730px;zoom:1; }
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#aside {float:right;margin:0 0 0 -1px;width:280px;background:#fff}
/*사이드 메뉴*/
#aside_ct{margin-top:15px;width:280px;}
#aside_ct ul{margin:0;padding:0;}
#container {z-index:4;position:relative;float:left;width:730px;min-height:500px;height:auto !important;height:500px;font-size:1em;zoom:1;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {padding-bottom:5px;margin-bottom:10px;font-size:16px;font-weight:bold;}
/*메인배너*/
#main_bn_box{border:1px solid #e8e8e8;margin-bottom:45px;width:708px;height:127px;overflow:hidden}
#main_bn {position:relative;overflow:auto;width:100% !important;}
#main_bn .bn_ul{margin:0;padding:0;}
#main_bn .bn_ul li{float:left;list-style:none;}
#main_bn li .bn_wr{}
#main_bn .dots{position:absolute;bottom:200px;text-align:center;width:90%}
#main_bn .dots li{cursor: pointer;margin-right:10px;text-indent:-9999px;width:10px;height:10px;border-radius:50%; background:#2c68b0;overflow:hidden;display:inline-block;zoom:1; *display:inline /*IE7 HACK*/; _display:inline; /*IE6 HACK*/}
#main_bn .dots li.active{background:#fda100;}
이렇게 수정했는데 수정이 되질 않습니다 ㅜ_ㅜ 정말 죄송하지만 한번만 더 봐주실 수 있을까요...
wrapper = container + aside
이렇게 이해하시는게 편할듯 보입니다.
aside의 width값이 현재 280으로 되어 있구요. container의 width값이 730으로 되어 있으니 둘을 더하면 1010px가 wrapper의 width값이 되야 합니다.
여기엔 padding과 margin값이 빠져있구요.
wrapper는 전체 컨텐츠의 가로폭
aside는 사이드메뉴의 가로폭
container는 메인 컨텐츠의 가로폭으로
각 id값을 이해하시면 됩니다.
정말 감사합니다.. 아직 어떻게 수정해야되는지 모르겠지만 조금 더 해봐야겠어요 ㅠㅠ 친절하게 알려주셔서 감사해요 !
보통은 다음과 같이 수정을 하시면 됩니다. 일반론 성격으로 말씀드립니다.
크롬의 개발자 도구에서 직접 css 속성 등을 수정하면서 '미리보기' 처럼 확인이 가능합니다.
1) 개발자 도구에서 속성을 변경시켜 기대한 것처럼 변경이 되는지 확인 ('미리보기' 성격)
2) 확인이 되면, 해당 css 의 파일 및 라인 정보를 확인 (마우스 오버)
3) 해당 css 파일의 해당 Line 에서 속성 수정 또는 추가
4) 캐시 문제로 변경되지 않은 것처럼 보일시는 Ctrl + F5 로 캐시 초기화
(extend/verson~.php 에서 css 버전 숫자 갱신)
