채택완료

슬라이드 쓰는데 여백이 생겨서요 --;

2019-10-21 (월) 15:40:29 3,419

모바일에서 보는 사이트입니다.

http://memeplus.net/meme_qr/qr_intro.php?branch_code=qrtest

bxslide 를 사용했는데 이미지외곽으로 여백이 생기고 하단에도 여백이 생기는데 이걸 margin, padding 모두 0으로 해도 여백이 계속 생기는데 슬라이드를 사용하면 여백이 기본적으로 생기나요?

슬라이드빼면 여백은 없어집니다. --;

답변 3개 / 댓글 1개

채택된 답변
+20 포인트
2019-10-21 (월) 15:56:53

보더가 5px 하얀색으로 들어가있네요

2019-10-21 (월) 16:10:58

처리완료........... .css?ver=20191021 로 하니까 되네요 --;

이전에 .css?20191021 로 해서 계속 캐시된게 나왔나 보네요 ㅠㅠ

Copy
.bx-wrapper {

  -moz-box-shadow: 0 0 5px #ccc;

  -webkit-box-shadow: 0 0 5px #ccc;

  box-shadow: 0 0 5px #ccc;

  border: 5px solid #fff;

  background: #fff;

}

해당 슬라이드부분 css보시면 border가 잡혀있습니다 border를 0으로잡으세요

답변에 대한 댓글 1개

2019-10-21 (월) 16:02:10
넵 border 를 0px로 잡아도 동일하게 여백이 생겨서 그렇습니다. --;
그리고 하단에 여백생기는건
.bx-wrapper {
position: relative;
margin-bottom: 60px;
padding: 0;
*zoom: 1;
-ms-touch-action: pan-y;
touch-action: pan-y;
}

margin-bottom: 60px; 를 0px로 해도 계속생겨서 임시저장된데이터때문에 그런가 해서 .css?20191021 이런식으로 처리했는데도 그러네요 --;

답변을 작성하려면 로그인이 필요합니다.