view 폭(넓이)이 제한폭보다 넓을때 스크롤바로 폭고정하기 정보
view 폭(넓이)이 제한폭보다 넓을때 스크롤바로 폭고정하기첨부파일
본문
네이버 블로그 같이 내용이 넓을때 아래쪽에 스크롤바 나오게 하는 방법입니다
첨부 그림 참조.
1. style.css 에 아래 두줄 내용을 추가한다.
#post-area .post-view {overflow: auto;overflow-x: auto;overflow-y: hidden;width:100%; position:relative; padding:15px 0 15px 0; margin:0 0 15px 0; clear:both; text-align:justify; }
#post-area .post-body {border-collapse:collapse; table-layout:fixed;}
2. view.skin.php 를 열어 아래와 같이 수정한다.
모든 스킨에 일괄 적용할수 있는 방법이 없네요. 번거롭더라도 모두다..
뷰스킨을 뜯어보면 테이블에 테이블로 되어 있죠
내용을 감싸고 있는 테이블($view[content] 이 포함된 영역) 이 </tr><td></td></tr>가 아닌꼭 <table></table> 구조로 되어 있어야 원하시는 결과를 얻을 수 있습니다.
그래서 만약 cheditor 스킨과 같이 $view[content]가 </tr><td></td></tr> 구조일 경우 강제로 <table></table> 구조로 바꿔야 합니다.
다음 <div class="post-view">로 감싸고
밖의 table 을 <div id="post-area">로 감싸고, table 태그안에 class="post-body" 라는 속성을 넣어 주면 됩니다.
아래 참고하세요..
첨부 그림 참조.
1. style.css 에 아래 두줄 내용을 추가한다.
#post-area .post-view {overflow: auto;overflow-x: auto;overflow-y: hidden;width:100%; position:relative; padding:15px 0 15px 0; margin:0 0 15px 0; clear:both; text-align:justify; }
#post-area .post-body {border-collapse:collapse; table-layout:fixed;}
2. view.skin.php 를 열어 아래와 같이 수정한다.
모든 스킨에 일괄 적용할수 있는 방법이 없네요. 번거롭더라도 모두다..
뷰스킨을 뜯어보면 테이블에 테이블로 되어 있죠
내용을 감싸고 있는 테이블($view[content] 이 포함된 영역) 이 </tr><td></td></tr>가 아닌꼭 <table></table> 구조로 되어 있어야 원하시는 결과를 얻을 수 있습니다.
그래서 만약 cheditor 스킨과 같이 $view[content]가 </tr><td></td></tr> 구조일 경우 강제로 <table></table> 구조로 바꿔야 합니다.
다음 <div class="post-view">로 감싸고
밖의 table 을 <div id="post-area">로 감싸고, table 태그안에 class="post-body" 라는 속성을 넣어 주면 됩니다.
아래 참고하세요..
<div id="post-area"><!--post area-->
<table class="post-body">
<tr><td></td></tr>
<tr><td></td></tr>
<div class="post-view">
<table>
<tr>
<td>
게시판 내용 <span class="ct lh"><?=url_auto_link($view[content])?></span>
</td>
</tr>
</table>
</div><!--post view 끝-->
<tr><td></td></tr>
<tr><td></td></tr>
</table>
</div><!--post area 끝-->
table tag 안에 class="post-body" 빼먹지 마세요!!
이렇게 하시면 그림이 아무리 커도, 테이블이 아무리 커도 뷰화면이 늘어나지 않습니다.
괜찮으면 추천 많이 해주세요 ^^
물어보는 분이 계셔 basic skin 의 view.skin.php 파일 첨부합니다. 참고하세요.
basic 스킨에서는 그림첨부로는 효과를 볼수가 없고 테이블을 크게 만들어 보시면 알수 있을거에요..
추천
4
4
댓글 7개
좋은정보네염...^^
지러유님 ^^ 안녕하세요 ~~ 메일문의 드렸던 인간입니다. ㅡㅡ;;
보내주신 파일 업로드하니 잘 작동합니다.
그런데, 한가지 문제점이 발생하였습니다.
기존 게시판 특성상 큰 이미지는 관리자 페이지에서 설정을 하면 이미지는 자동적으로
테이블 깨짐 없이 축소되어 나오잖아요 ... 그래서 그림을 클릭하면 원본크기의 사진을 볼수있구요..
하지만, 위의 소스 수정한 후에는 원본 사진크기로 나오지만, 스크롤바가 생겨 지장은 없으나,
클릭시 자바오류와 이미지가 새창으로 뜨질 않습니다.
관리자페이지에서의 이미지 축소제한 설정과 위의 스크롤바 방법이 충돌하지 않았으면 좋으련만...
제 게시판만이 문제일수도 있으니, 지러유님도 한번 테스트 부탁드립니다 ... ^^
제가 찾던 소중한 자료입니다 ... 친절한 답변 감사했습니다 ... 추천~~~
아참 ... 그리고, 메일받고 깜짝놀랬습니다 ... 이름이 ㅡㅡ;; 똑같습니다 ... 이런우연이 ~~ 인연인지;;
전 박씨 입니다 ... ㅋㅋㅋㅋㅋ 새해 복 많이 많이 받으세요 ~~~
보내주신 파일 업로드하니 잘 작동합니다.
그런데, 한가지 문제점이 발생하였습니다.
기존 게시판 특성상 큰 이미지는 관리자 페이지에서 설정을 하면 이미지는 자동적으로
테이블 깨짐 없이 축소되어 나오잖아요 ... 그래서 그림을 클릭하면 원본크기의 사진을 볼수있구요..
하지만, 위의 소스 수정한 후에는 원본 사진크기로 나오지만, 스크롤바가 생겨 지장은 없으나,
클릭시 자바오류와 이미지가 새창으로 뜨질 않습니다.
관리자페이지에서의 이미지 축소제한 설정과 위의 스크롤바 방법이 충돌하지 않았으면 좋으련만...
제 게시판만이 문제일수도 있으니, 지러유님도 한번 테스트 부탁드립니다 ... ^^
제가 찾던 소중한 자료입니다 ... 친절한 답변 감사했습니다 ... 추천~~~
아참 ... 그리고, 메일받고 깜짝놀랬습니다 ... 이름이 ㅡㅡ;; 똑같습니다 ... 이런우연이 ~~ 인연인지;;
전 박씨 입니다 ... ㅋㅋㅋㅋㅋ 새해 복 많이 많이 받으세요 ~~~
안녕하세요 ^^
저도 잘은 모르지만 도울수 있다는게 좋네요..
제가 보기에 가지고 계신 스킨이 구형버전이 아닐까 싶습니다. 제껀 잘 됩니다..
보드가 버전업 되면서 베이직스킨이 많이 바뀌었거든요
제가 올린 팁은 자바스크립트와 관계가 없어 전혀 영향을 안미칠것 같습니다..
베이직 스킨을 보니 /js/board.js 를 불러쓰도록 되어 있는데 혹시 이 파일이 없는건 아닌지 모르겠습니다.
최신버전 받으셔서 이파일을 설치해 보시든지 아님 다른 스킨에서 이미지 리사이즈 부분만 스크립트를 바꿔보시든지 아님 베이직이 아닌 다른 스킨에 위 팁을 적용해 보시면 될것 같습니다..
저두 꼭 필요했던 기능이라 님께서도 꼭 성공하시면 좋겠네요 ^^
그래도 안되면 다시 메세지 주세요
저도 잘은 모르지만 도울수 있다는게 좋네요..
제가 보기에 가지고 계신 스킨이 구형버전이 아닐까 싶습니다. 제껀 잘 됩니다..
보드가 버전업 되면서 베이직스킨이 많이 바뀌었거든요
제가 올린 팁은 자바스크립트와 관계가 없어 전혀 영향을 안미칠것 같습니다..
베이직 스킨을 보니 /js/board.js 를 불러쓰도록 되어 있는데 혹시 이 파일이 없는건 아닌지 모르겠습니다.
최신버전 받으셔서 이파일을 설치해 보시든지 아님 다른 스킨에서 이미지 리사이즈 부분만 스크립트를 바꿔보시든지 아님 베이직이 아닌 다른 스킨에 위 팁을 적용해 보시면 될것 같습니다..
저두 꼭 필요했던 기능이라 님께서도 꼭 성공하시면 좋겠네요 ^^
그래도 안되면 다시 메세지 주세요
common.lib , view.php 파일 onclick 안되게 막아 두진 않았죠? 확인해 보세요~~
지러유님 ㅠㅠ 답변 감사합니다 ...
공개해주신 소스에는 문제가 없는듯합니다.
현재 저는 그누보드 홈빌더(플러그인)를 사용중입니다.
아마도 홈빌더관련해서 오류가 나타나는듯합니다.
베이직 게시판스킨을 다시 다운받아서 공개소스를 적용해본결과
잘됩니다 ... ^^ 감사히 잘쓰겠습니다 ... 저녁 맛있게 드시고, 편안한밤 보내세요 ~~~
공개해주신 소스에는 문제가 없는듯합니다.
현재 저는 그누보드 홈빌더(플러그인)를 사용중입니다.
아마도 홈빌더관련해서 오류가 나타나는듯합니다.
베이직 게시판스킨을 다시 다운받아서 공개소스를 적용해본결과
잘됩니다 ... ^^ 감사히 잘쓰겠습니다 ... 저녁 맛있게 드시고, 편안한밤 보내세요 ~~~
감사합니다~!
감사합니다.