애니빌드.LAB
토론방
소스관련 이 홈페이지에서 쓰는 슬라이드 비주얼을 쓸 경우에 오른쪽에 빈 공백이 생깁니다.
- 김**한
- 2014-07-29 19:08:58
- hit4234
- http://wdev.anybuild.co.kr/bbs/qna/3040
확인 가능한 전체 URL : http://www.jswildflower.kr/pc
(필수) 확인 가능한 전체 URL : http://www.xn--9i1bu9hg5ac21a.com/pc
(필수) 확인 가능한 전체 URL : http://www.xn--9i1bu9hg5ac21a.com/pc
(필수) 확인 가능한 전체 URL : http://www.xn--wh1bt3z1xnytb.kr/main
해당 홈페이지 메인에 사용된 비주얼을 사용한곳은 오른쪽으로 쭉 드래그 해보면 공백이 있는데 혹시 어떤 영향 때문에 그러는지 알 수 있을까요?
게시글 공유
URL복사
댓글작성
열기 닫기
열기 닫기
어떤 브라우져로 봤을때 위와 같이 나타나던가요??
저희쪽에서 확인을 해보니 공백이 나타나지 않아서 문의들립니다.
익스10,익스11, 파폭, 크롬에서 확인을해도 우측에 여백이 생기지 않아서요...
어떠한 브라우져 보셨는지 알려주시면 저희쪽에서 확인을 해보도록 하겠습니다.
드래그를 쭈욱 해보셔야되요~
아~ 오류내역 확인을 하였습니다.
이 부분 내역 확인 하고 답변을 드릴께요~
슬라이드를 보시면 좌우에 방향버튼이 있는데
이 버튼들이 평소에는 좌우 50px 만큼 떨어져있고, 마우스 오버시에만 활성화되어 안쪽으로 이동하게 됩니다. (PC버전 기준)
그래서 기본상태에서 우측에 50px 여백이 생기기 때문에
벗어나는 부분이 안보이도록 숨김처리 css를 추가해주시면 됩니다.
adm18 사이트의 default.css 에 적용된 css 입니다.
/* 메인 슬라이드 */
.flex-container { overflow: hidden; }
* 주의! : 모든 슬라이드에 적용되는 내용이므로 사이트에 여러개의 슬라이드를 사용하는 경우
다음과 같이 메인소스에서 div 로 감싸서 사용하시기 바랍니다.
<div class="visual">
{GROUP_visual}
</div>
.visual .flex-container { overflow: hidden; }