묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
게시판 가로 길이 고정은 못시키나요?
2008.06.24 20:34
레이아웃 없이 게시판 모듈만 생성해서 따로 쓰려는데요
항상 가로가 100% 가 되서 나와서 조금 불편해서 길이를 고정시키려고 하는데 조금 헷갈리네요.
css 를 보니 width:100% 인 부분이
.boardHeader .boardHeaderBorder { width:100%;}
.boardInformation { width:100%; clear:both; margin:10px 0 2px 0; overflow:hidden; color:#666666;}
.boardRead .extraVarsList { width:100%; border:1px solid #e0e1db; border-bottom:none; margin:0 0 30px 0; table-layout:fixed;}
.boardList { width:100%; border:1px solid #e0e1db; border-top:none; table-layout:fixed;}
.boardWrite .extraVarsList { width:100%; border-top:1px solid #e0e1db; border-bottom:none; margin:10px 0 10px 0; table-layout:fixed;}
.smallBox .header { margin:0; padding:0; position:relative; _width:100%; background:#ffffff url(../images/common/bgH3.gif) no-repeat left bottom; overflow:hidden;}
.tags { width:100%; }
총 이렇게 일곱부분이 있는것 같아서 전부 픽셀값으로 수정을 해줬는데..
목록부분은 고정이 되는데 아래 목록버튼 등과 검색창이 있는 부분은 그래도 100% 고정이 되있네요.
또 글을 클릭해서 들어가도 다시 100% 가 되구요.
다른 파일들을 열어봐도 100% 항목이 있는 파일이 없는거 같은데, 어디를 수정해야 하는지 궁금합니다.
인터넷 환경에서 임시생성된듯한 css 파일을 보면
#fororiginalimageareabg { z-index:1001; background-color:#FFFFFF; width:100%; height:100%; top:0px; left:0px; position:relative; padding:20px 10px 10px 10px; border:8px solid #DDDDDD; }
#fororiginalimagearea { visibility:hidden; padding:0px; margin:0px; width:100%; height:100%; top:0px; left:0px; position:absolute; z-index:1000; text-align:left; overflow:hidden; }
항상 가로가 100% 가 되서 나와서 조금 불편해서 길이를 고정시키려고 하는데 조금 헷갈리네요.
css 를 보니 width:100% 인 부분이
.boardHeader .boardHeaderBorder { width:100%;}
.boardInformation { width:100%; clear:both; margin:10px 0 2px 0; overflow:hidden; color:#666666;}
.boardRead .extraVarsList { width:100%; border:1px solid #e0e1db; border-bottom:none; margin:0 0 30px 0; table-layout:fixed;}
.boardList { width:100%; border:1px solid #e0e1db; border-top:none; table-layout:fixed;}
.boardWrite .extraVarsList { width:100%; border-top:1px solid #e0e1db; border-bottom:none; margin:10px 0 10px 0; table-layout:fixed;}
.smallBox .header { margin:0; padding:0; position:relative; _width:100%; background:#ffffff url(../images/common/bgH3.gif) no-repeat left bottom; overflow:hidden;}
.tags { width:100%; }
총 이렇게 일곱부분이 있는것 같아서 전부 픽셀값으로 수정을 해줬는데..
목록부분은 고정이 되는데 아래 목록버튼 등과 검색창이 있는 부분은 그래도 100% 고정이 되있네요.
또 글을 클릭해서 들어가도 다시 100% 가 되구요.
다른 파일들을 열어봐도 100% 항목이 있는 파일이 없는거 같은데, 어디를 수정해야 하는지 궁금합니다.
인터넷 환경에서 임시생성된듯한 css 파일을 보면
#fororiginalimageareabg { z-index:1001; background-color:#FFFFFF; width:100%; height:100%; top:0px; left:0px; position:relative; padding:20px 10px 10px 10px; border:8px solid #DDDDDD; }
#fororiginalimagearea { visibility:hidden; padding:0px; margin:0px; width:100%; height:100%; top:0px; left:0px; position:absolute; z-index:1000; text-align:left; overflow:hidden; }
그리고
.xeEditor .optionABC { clear:both; width:100%; overflow:hidden; background:transparent;}
.xeEditor .optionDE { width:100%; clear:both; overflow:hidden; background:transparent;height:29px;}
.xeEditor .editor_iframe_textarea { background:#ffffff; clear:both; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; margin:5px 10px 0 10px; width:100%; font-size:1em; display:none;}
.xeEditor .fileAttach .fileListArea .fileList { background:transparent; overflow:auto; width:100%; height:auto; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; margin-bottom:10px; font-size:11px;}
같은 부분이 보이는데요. 이 부분들은 스킨 폴더내 css 폴더에선 찾을수 없어 보이는데 어디서 나오는지 잘 모르겠네요.
답변 부탁드립니다.
http://798beijing.com
위 사이트가 그런 식으로 만든 것이랍니다.
어느 분의 부탁으로 저렇게 만들어두었죠... ^^