작업실

ASR테마에서 가로 스크롤 안보이게 하는 방법

컨텐츠 정보

본문


특정 해상도에서 가로 스크롤이 생겨 보기 좋지 않은데요.


임시적으로 가로 스크롤을 안보이게 할 수 있습니다.


/테마루트/colorset/Basic/colorset.css


위 파일의 최상단에


html {overflow-x:hidden}


위 내용을 넣으면 됩니다.



아쉽게도 스크롤은 됩니다만 브라우저 상에선 스크롤이 보이지 않습니다.

관련자료

  • 서명
    우성짱의 NAS를 운영하고 있습니다.

    저의 즐거움이 여러분의 즐거움이면 좋겠습니다.

댓글 6개 / 1페이지

테베님의 댓글

뉴베이직 테마는 기본적으로 반응형이라 가로스크롤이 안생길텐데 컨테이너 안쪽에 있는 요소중에 가로사이즈를 px로 지정하셨나요??
반응형 쓸때는 %로 지정하는 편이 좋거든요.
html에 가로스크롤 차단하면 안보이기는 한데 나중에 필요하신 경우에도 안보일 수 있거든요.(오브젝트나 스크롤div)

우성군님의 댓글의 댓글

제가 설명을 너무 축약해버렸네요. ㅎㅎ

자세한 사항은

http://amina.co.kr/bbs/board.php?bo_table=feedback&wr_id=108

위 링크에 있습니다.

브라우저를 천천히 줄이면 스크롤이 생깁니다.

이건 제 홈페이지만의 문제가 아니라

아미나 new-basic테마로 만들어진 모든 홈페이지와

심지어 APMS도 그런 식으로 스크롤이 생깁니다.

좀 더 연구를 해봐야될 것 같습니다

테베님의 댓글의 댓글

아 그런문제가 있었군요 그건 브라우저 가로폭에 따른 가로 조건을 잘못 넣은듯 한데 저도 한번 찾아봐야 겠습니다.

테베님의 댓글의 댓글

일단 테베넷에서 실험해보니 다음정도만 수정해 주면 되더라구요.
컬러셋.css
/* Responsive */
아래 부분이 상황별(브라우저 가로폭별) 스타일 시트인데요
@media all and (max-width:1199px) and (min-width:992px) {
.boxed.wrapper { margin: auto; width: 100%; }
/*1000px에서 100%로 변경*/
}
@media all and (max-width:991px) and (min-width:768px) {}
@media all and (max-width:767px) {}
@media all and (max-width:460px) {}
위의 3가지 안에 동일하게
#hd_pop {max-width:100%;}
을 삽입해 줍니다. (그누보드 팝업창 기능인데 가로폭이 970px으로 되어 있는데 가로폭이 작은 환경에서는 100%까지만 가로폭을 유지하게 해 줍니다.)


구글에드센스 없는 페이지에서 실험하세요 구글광고 반응형은 가로폭 변경하면서 실험할때에는 바로 동작하지 않을 수 있습니다.
Total 157 / 12 Page
RSS
소셜로그인 5종 탑재하였습니다. 댓글 2

구글, 페이스북, 트위터, 네이버, 카카오톡 5종이면 거의 모든 인터넷 사용자들을 만족시킬 수 있겠죠? ^^네이버는 도사님 작품이라 올리진 못하…

그누보드5 아미나ASR 테마에 구글 캘린더 설치하기 댓글 3

위와 같이 그누보드5에 구글 캘린더를 넣는 방법입니다.1. 소스 생성하기구글 캘런더에 들어가서 위와 같이 캘린더 설정에 들어갑니다.위와 같이 '…

그누보드5 아미나ASR 테마에 네이버 캘린더 설치하기 댓글 14

네이버 캘린더의 공유기능을 이용하여 그누보드5에 캘린더를 표시하는 방법을 알아보겠습니다.1. 소스 생성하기http://blog.naver.com…

new-basic 테마에서 반응형 가로 스크롤 완벽 해결 방법 댓글 2

부트스트랩 반응형을 위한 media all을 수정하여 완벽하게 해결했습니다.브라우저 크기를 아무렇게나 조절해도 완벽하게 반응하네요 ^^당연히 스…

ASR테마에서 가로 스크롤 안보이게 하는 방법 댓글 6

특정 해상도에서 가로 스크롤이 생겨 보기 좋지 않은데요.임시적으로 가로 스크롤을 안보이게 할 수 있습니다./테마루트/colorset/Basic/…

소셜로그인 아이콘팩

현재 제 홈페이지에 적용 중인 아이콘팩입니다.출처는 관련 링크에 있으니 PSD 파일 받고 싶은 분은 참고하시구요.네이버는 아이콘팩에 맞게 수정했…

최근글


새댓글


알림 0