묻고답하기

레이아웃은 Door_cpA_limit  레이아웃을 사용중인데 (반응형 레이아웃 이며 따로 모바일 형은 사용 안하고 디폴트로 사용중 입니다)

모바일 레이아웃 폴더에 따로 레이아웃을 설치하고 모바일 레이아웃으로 사용하면 되지만 모바일용 으로 사용시 따로 쪽지함등을 

사용할때 문제점 들이 있어서 디폴트 반응형으로 피시/모바일 함께 사용 중입니다...

그런데 문제가 피시나 테블릿 에사는 레이아웃 출력에 정상적으로 출력 됩니다만 

모바일 폼(스카트폰) 에서만 아래와 같은 현상이 있습니다. (세로 보기시)

모바일 회원 가입 폼에서(모바일 삼성 노트8 에서  확인) 만 레이아웃 어그러짐 현상이 나오는 것으로 보아선 

레이아웃 자체 문제 보다는 회원 가입폼  "signup_form" 에서의 문제로 보입니다만 (확실친 않고요)

모바일에서 살펴 보아도 달리 돌출되는 부분은 없는듯 한데 레이아웃과 안맞는 현상이 나오네요...

 

photo_2020-05-03_15-48-42.jpg

 

photo_2020-05-03_15-49-04.jpg

위에 이미지와 같이 우측 사이즈가 전체적으로 레이아웃 해더(네비게이션 부분에 미달되는 현상이 있는데 이 부분을 정상 출력되게 만지려면 signup_form 폼이나 ..modules/member/skins/default/css/member.css 부분을 만져야 될것 같은데 달리 만질만한 부분이 안보여서 이 부분을 수정하신 경험이 있는 분이나 해결 방법이 있으신 분들이 혹 계시면 설명을 부탁 드립니다...

 

-----------------추가 일단 해결??? 정상적인지 살펴봐 주시겠습니까?---------------

 

일단 댓글이 안달려 고민끝에 signup_form.html과 해당 member.css 부분을 크롬검사로 눈뚫어지게 살펴보고 해당 문서에 toobody 란 div 를 추가하여 감싸고  class 부분을 찿아 form 태그 부분을 수정 하였습니다 

아래 수정 부분 

signup_form.html

<!--//커스텀 div toobody 삽입//-->

    <div class="toobody">

    <h1 style="margin-left:15px;border-bottom:0px solid #008040">{$lang->cmd_signup}</h1>

<div cond="$XE_VALIDATOR_MESSAGE && $XE_VALIDATOR_ID == 'modules/member/skins'" class="message {$XE_VALIDATOR_MESSAGE_TYPE}">

<p>{$XE_VALIDATOR_MESSAGE}</p>

</div>

    <form ruleset="@insertMember" id="fo_insert_member" action="./" method="post" enctype="multipart/form-data" class="form-horizontal">

<input type="hidden" name="act" value="procMemberInsert" />

<input type="hidden" name="xe_validator_id" value="modules/member/skins" />

<input type="hidden" name="success_return_url" value="{getUrl('act','dispMemberInfo')}" />

<div class="agreement" cond="$member_config->agreement">

<div class="text">

{$member_config->agreement|noescape}

 

</div>

그리고 해당 css 파일에 

아래와 같이 추가 / 수정....

 

@charset "utf-8";

/*수정 삽입 div costom toobody*/

.toobody{margin:10px;padding:10px;border:1px solid #ccc8be;background:#fff;color:#000}

/* Horizontal Align */

.xm .pull-right{float:right}

.

.

.

/* Forms .xm .form-horizontal .control-label-label 사이즈 수정 원본 160px/180/180 -> 130~ 150 수정*/

.xm .form-horizontal .control-group{margin-bottom:20px;*zoom:1}

.xm .form-horizontal .control-group:before,

.xm .form-horizontal .control-group:after{display:table;line-height:0;content:""}

.xm .form-horizontal .control-group:after{clear:both}

.xm .form-horizontal .control-label{float:left;width:130px;padding-top:5px;text-align:right}

.xm .form-horizontal .controls{*display:inline-block;*padding-left:20px;margin-left:150px;*margin-left:0}

.xm .form-horizontal .controls:first-child{*padding-left:180px}

.xm .form-horizontal .help-block{margin-bottom:0}

캡처toobox-1.JPG

 

이런 식으로 일단 해결을 봤습니다.

해결후 모바일 과 pc출력 화면은 아래 이미지 처럼 정상적이긴 한데

이 방식이 옳바른 적용을 한건지는 저도 잘 모르겠습니다.

잘못된 부분에 지적좀 해주시고 혹은 또 다른 해결 방법을 아시는 분들의 댓글을 부탁 드립니다.

 

좋은 하루 되세요....

pc 출력 

캡처toobox.JPG

 

 

*모바일 출력

캡처toobox-2.jpg

 

캡처toobox-3.jpg

 

글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
무한행복 XE color code 모바일 레이아웃 [1] 2020.07.15 by XEANT.com
qkadpaksqhrtj 채팅사이트 pg사 연결.. [4] 2020.07.15 by XEANT.com
엑스이다국어 XE에서 기본적으로 제공하는 다국어탭의 리스트명을 변경할 수 있나요? [2] file 2020.07.15 by XEANT.com
엑스이다국어 메뉴 내 컨텐츠를 수정했는데 반영이 안됩니다 [2] file 2020.07.15 by XEANT.com
손주사랑 최근 게시물을 출력 시키면 모두 사라져요 [4] file 2020.07.17 by 손주사랑
jaytheworld 게시판 특정 확장변수 내용이 없는 빈값 공백인 목록 검색 [3] 2020.07.19 by sejin7940
쮸야282 xpressengine3 이 뭔가요? [2] 2020.07.19 by Luatic™
KoreaLove 잘못만져서 이렇게 됬습니다 .. 어떻게 해야할까요 ?? ㅠㅠ [2] file 2020.07.19 by Luatic™
도킹맨 동영상 플레이어 질문드립니다 [1] file 2020.07.20 by Luatic™
PaulPark xe 설치 문의 [1] 2020.07.21 by Luatic™
보리넷 추천 후 다운로드가 가능하게 설정 문의 [2] 2020.07.21 by sejin7940
즐거운날날 XE 관리자페이지에 들어가보면..홈페이지완성되기전까지 보여지지 않는 옵션?? [1] 2020.07.21 by sejin7940
hana**** 게시판 목록 글자크기를 키우고 싶어요 [5] 2020.07.22 by hana****
천재 홈페이지를 기능을 개발하고 있는데요 [4] 2020.07.27 by 천재
전갈자리남 게시판 글쓰기 문제 [1] 2020.07.27 by XEANT.com
ysch**** 사이트 열면 에러 메세지가,, [1] 2020.07.28 by sejin7940
필굿스토리 갤러리 관련 질문 입니다.. [1] 2020.07.29 by sejin7940
다오코리아 광고 모듈 설치하고 나서 [1] 2020.12.23 by 다오코리아
아름드리나무 http 500 오류 어드민 접속이 안됩니다.~ [4] 2020.08.05 by 세령
토북이와거끼 많이 초보입니다. 도움을 부탁드립니다. [1] 2020.08.05 by Luatic™
세령 ena_creamy 스킨 적용후 오룬 [4] 2020.08.06 by 세령
디트리히A 게시물 1주전 / 1달전 내용만 가져오기  
MIC공용 외부페이지에서 회원 프로필 사진 불러오기 문의 [4] file 2020.08.07 by MIC공용
MIC공용 외부페이지에서 회원그룹 변경하려고 합니다. [4] file 2020.08.07 by MIC공용
WhiteRose BOT(봇) 접속를 막는법??????? [1] 2020.08.08 by Luatic™
good 다국어홈페이지 선택할때 인트로페이지가 아닌 메인페이지가 나오게 하고싶어요. [2] 2020.08.10 by good
걷고걷기 임시저장 게시글 출력 오류 [1] 2020.08.12 by sejin7940
humor**** 스팸필터가 안보여요. [4] file 2020.08.13 by humor****
kkop 왕초보입니다..도와주세요 [1] file 2020.08.13 by sejin7940
도치아빠 extra_vars에 대하여... [2] 2020.08.16 by 도치아빠