XETOWN

질문/답변

웹에 관련된 질문과 답변을 나눌 수 있습니다.

sketchbook5 게시판 스킨을 사용하고 있습니다(모바일 스킨은 따로 지정하지 않아 PC와 같은 스킨이 적용됩니다)

PC로 볼 때는 레이아웃 컨텐츠 사이에 비어 있는 공간이 생기지 않는데, 모바일로 보면 사진처럼 저렇게 사이가 뜨더라고요

다른 게시판 스킨을 적용해서 모바일로 확인하니 사이가 뜨지 않았습니다

따라서 sketchbook5 게시판 스킨의 문제 같은데

모바일 화면에서 저 공간을 없애려면 어떤 부분을 수정해야 할까요...

게시판 개발자님 홈페이지에도 답글이 달리지 않고, css 파일 이곳저곳 마진 값을 변경해 봐도 수정이 안 되네요

답변 미리 감사합니다

 

사이 뜨는 부분 사진 첨부하겠습니다

 

PC에서 볼 경우660eae8594b19218afa2603564814353.jpg

 

모바일에서 볼 경우

ef6b79eae24622a9b6880dcb463aec6c.png

 

  • profile
    웹지기 2016.12.05 22:01:36
    아마 스킨을 수정하신 적이 있다면 발생될 수 있는 현상입니다. 문제가 되는 스킨의 파일을 제대로된 에디터로 여셔서 BOM 없음 으로 해서 저장해보세요. 물론 이게 되는 에디터를 써야 합니다. 물론 제가 예상하는 문제가 원인이라면 이런식을 해결이 됩니다.
  • ?
    그래시 2016.12.05 22:05:55

    답변 감사합니다.
    __setting.html 파일이 BOM 없음으로 설정되지 않았을 때 저 여백 부분이 하얀색으로 채워져 있었거든요. (PC/모바일 화면 모두)
    그 현상을 해결하기 위해서 BOM 없음으로 설정하여 저장했는데
    그렇게 하니 하얗게 채워져 있던 색만 없어졌을 뿐 모바일 화면에서 저렇게 여백이 떠 있는 건 똑같네요. ㅠㅠ

  • profile
    웹지기 2016.12.05 22:03:07
    위 원인이 아니라면 모바일에서 사용하는 list 파일을 잘못 알고 계실 수도 있습니다.
  • ?
    그래시 2016.12.05 22:07:19
    list 파일을 잘못 안다는 건 무엇을 의미하는 건지 알 수 있을까요 ^^;;; 감사합니다.
  • profile
    웹지기 2016.12.05 22:16:27
    모바일에서는 다른 파일이 이용됩니다. 모바일 조건에의해 _list.html 이 아닌 다른파일이 이용됩니다. 제가 폰이라 어떤 파일명인지는... 아마 m자가 들어갔던 것으로 기억됩니다. 아무튼 지금 문제가 되는 화면을 담당하는 파일을 체크해보세요.
  • ?
    그래시 2016.12.05 22:31:09
    감사합니다. 하나하나 체크해 봐야겠네요!
  • ?
    그래시 2016.12.05 22:58:04
    모두 확인해 보았지만 _comment.html 파일을 제외하면 다른 파일들은 전부 BOM 없음으로 설정되어 있었어요! _comment.html 파일은 수정했습니다! 그렇지만 여백은 사라지지 않네요. 하하... 아무튼 답변 달아 주셔서 감사합니다. 다르게 저장된 파일을 발견하고 수정할 수 있었습니다. ^^
  • profile
    웹지기 2016.12.05 23:00:59
    bom 이 아니더라도 모바일에서만 그렇다면 해당 파일에 여백을 만들만한 무언가가 있을겁니다. 잘 찾아보시면...
  • ?
    그래시 2016.12.05 23:37:53

    네 (__)(^^) m이 붙은 파일은 따로 없고 파일 명에 mobile이 포함된 파일 역시 write_form_mobile 뿐이네요. 하나씩 열어서 잘 찾아볼게요!

  • ?
    마신 2016.12.06 00:08:26

    저도 비슷하게 카테고리 보이는 방식에 따라 PC와 모바일 간격이 다르게 생기더라구요. 저는 css 직접 수정해서 간격을 조절했습니다.

  • ?
    그래시 2016.12.06 00:27:53

    css 어떤 부분 수정하셨는지 여쭈어도 괜찮을까요??

  • ?
    마신 2016.12.06 00:36:37

    1년정도 지난거라 확실치 않지만 스케치북 스킨에서 css->board.css 파일
    /* Tab Style */
    .bd .cTab{position:relative;margin:0 1px 40px;padding:0;border-bottom:1px solid #AAA}

    이부분에 40px 대신에 좀더 낮은 숫자로 맞추시면 될거예요.
    0px 로 해결이 안되면 -15px 이런식도 가능합니다.

     

    수정하면 같이 적용될수 있으니 모바일 스킨을 따로 지정하시는게 좋을듯 합니다.

  • ?
    그래시 2016.12.06 00:50:36

    앗, 낮은 숫자로 맞추었더니 카테고리 아래의 여백이 조절되네요. 알려 주신 건 카테고리와 게시판 사이 간격을 띄울 때 참고하여 변경하면 되겠어요! 저 여백은 도대체 어떻게 없앨 수 있는 건지...ㅠㅠ 답변 주셔서 감사합니다.

  • ?
    마신 2016.12.06 00:57:00
    앗 제가 알려드린거는 카테고리 조정부분이었군요.
    혹시요 설정메뉴 뜨는것 보니 관리자 계정 같은데요. 상단에 쓰기버튼을 스킨에서 안나오게 하고
    일반 계정으로 확인해보세요. 관리 계정이라서 간격이 생겼을수도 있을거 같습니다.
  • ?
    그래시 2016.12.06 01:02:25
    상단 쓰기 버튼 없애고 관리 권한을 해제하고서 확인했는데도 간격이 똑같이 생기네요. 이 게시판에 도대체 무슨 일이 일어난 건지......! 함께 고민해 주셔서 감사합니다 정말. ㅠㅠ
  • profile
    웹지기 2016.12.06 09:58:35
    제가 기억을 잘못하고 혼선을 드리는 답변을 드린거 같네요. 스케치북5 스킨은 반응형에서 모바일용 파일을 불러오는게 아니고(글작성 제외) 모바일기기에 클래스명을 다르게 하여 효과를 다르게 주는 듯 합니다. 문제되는 주소를 알려주시면 개발자 도구를 통해 어떤 css 요소가 여백을 만드는지 확인이 가능할 것 같네요.
  • ?
    그래시 2016.12.06 11:58:13
    모바일에서만 여백이 생기는데도 개발자 도구로 확인이 가능한가요?? 가능하다면 사이트의 문제가 되는 게시판 주소와 아이디, 비밀번호를 쪽지로 보내 드릴게요!!! 비공개 사이트인데다가 확인하려면 일정 레벨 이상이 되어야 해서요.
  • profile
    프렌다 2016.12.07 03:54:29
    답변이 늦은 감이 있지만..
    개발자모드 (F12) 는 모바일 까지 확인가능합니다.

    에뮬레이션 탭에서 브라우저 프로필을 모바일로 설정하신뒤 확인하시면
    모바일 페이지도 확인가능합니다.
  • ?
    그래시 2016.12.07 13:15:00

    그렇군요. ^^ 확인해 보아도 모바일 화면에서 보이는 공백이 똑같이 보이지 않네요 ㅠㅠ 답변 감사합니다!


위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...